Vue2 全域性過濾器（vue cli）

先看官方簡介：

當前元件註冊：

export default

},filters:,
uppercase () 
}}

但是我們做專案來說，大部分的過濾器是要全域性使用的，不會每每用到就在元件裡面去寫，嗯，還是抽成全域性的會更好些。

全域性註冊：（官網

1

//註冊
2 vue.filter('my-filter', function
(value) )56
//getter，返回已註冊的過濾器
7var myfilter = vue.filter('my-filter')

當專案所用到的過濾器比較多時，就想試著把所有的方法定義在乙個檔案裡面匯出，嗯，畢竟還是有分點層次的。

/src/common/filters/custom.js

let dateserver = value =>)(\d)(\d)/g, '$1-$2-$3')

}export

/src/main.js

import * as custom from './common/filters/custom'object.keys(custom).foreach(key =>)

然後在其他的.vue 檔案中就可愉快地使用這些我們定義好的全域性過濾器了

<

template
>
<
section 
class
="content"
>
<
p>}
p> 
section
>
template
>
<
script
>
export 
default
}}script
>

——————分割線：2023年7月18日

demo示例這裡檢視。

Vue 過濾器案例（全域性過濾器和區域性過濾器）

doctype html en utf 8 viewport content width device width,initial scale 1.0 js vue 2.4.0 js script 過濾器 title head 兩個過濾器的名稱都為msgformat，但是控制不同作用，乙個是全域性的...

vue cli 3 全域性過濾器

在vue1.x版本裡是自帶裡幾個基礎的過濾器的 雖然不怎麼用到 到了vue2.x版本之後，內建到幾個過濾器就被刪掉了，如果需要用到過濾器，就要開發者自己去定義。可以把過濾器定義在某個元件內部，但這樣就成了區域性過濾器，在別的元件裡是無法使用的。所以通常不會這麼做。也可以把過濾器寫在main.js裡。...

vue全域性過濾器配置

有時乙個過濾器需要在專案中多次使用，此時可以將該過濾器定義為全域性過濾器，全域性過濾器在main.js下配置。以時間過濾器為例，當為區域性過濾器寫為 filters if isnan m m 0 else if isnan d d 0 else return y m d date.totimestr...