堅(jiān)持做一件事，日積月累，總能看到收獲，說(shuō)不定哪天就因此火爆一把。比如我之前不怎么玩的抖音，微信的視頻號(hào)，漸漸的開(kāi)始融入大家的生活。

我呢，今天不想吐槽任何，也不想說(shuō)什么大道理，也不想講任何安慰人的話(huà)，因?yàn)橛袝r(shí)候一切看起來(lái)都那么蒼白無(wú)力。有時(shí)候如果連自己都說(shuō)服不了，不如放聲宣泄一下自己的情緒。或許更加的事半功倍。

今天，給大家寫(xiě)一點(diǎn)計(jì)算機(jī)前端的知識(shí)吧。希望我們能一起進(jìn)步，一起成長(zhǎng)，一起努力。后續(xù)會(huì)持續(xù)更新。

說(shuō)一下Vue的filter功能吧。

filter：通俗一點(diǎn)來(lái)說(shuō)，其實(shí)它就是---過(guò)濾就是一個(gè)數(shù)據(jù)經(jīng)過(guò)這個(gè)過(guò)濾之后出來(lái)另一樣?xùn)|西，可以是從中取得你想要的，或者給那個(gè)數(shù)據(jù)添加點(diǎn)什么裝飾，那么過(guò)濾器則是過(guò)濾工具。

Filter方法：全局注冊(cè)時(shí)filter，而組件過(guò)濾器時(shí)用filters。

他們的使用如下：

例如：

全局過(guò)濾器：

Vue.filter(‘globalFilter’,function(value)){

Return value+“??！”

}

組建過(guò)濾器（局部）：

Filters：{

ComponentFilter:function(value){

Return value+”23”

}

}

用法：

1. 雙花括號(hào)插值：{{‘ok’| globalFilter}}

2. 在v-bind表達(dá)式中使用

<div v-bind=”’ok’| globalFilter”></div>

3. 過(guò)濾器參數(shù)：

（1）{{message|filterA|filterB}}

message作為參數(shù)傳遞給filterA函數(shù)，filterA函數(shù)的返回值作為參數(shù)傳給FilterB函數(shù)。

（2）{{message|filterA（‘a(chǎn)rg1’，‘a(chǎn)rg2’）}}

filterA函數(shù)中第一個(gè)參數(shù)是message，依次是arg1，arg2，一共三個(gè)參數(shù)

（3）{{‘a(chǎn)’,‘b’|filterB}}, a和b分別作為參數(shù)傳給filterB

希望能讓大家增加印象，對(duì)大家有所幫助。自己努力到發(fā)光，才不懼黑暗。