過濾器:過濾器是一個(gè)通過輸入數(shù)據(jù)官紫,能夠及時(shí)對數(shù)據(jù)進(jìn)行處理并返回一個(gè)數(shù)據(jù)結(jié)果的簡單函數(shù)驼鹅。
全局過濾器: filter: ? Vue.filter(過濾器的名字,function(data){ ? ? })
局部過濾器:html:
? ? ? ? <p>{{num|過濾器的名字}}</p>? ?
計(jì)算屬性:
模板內(nèi)的表達(dá)式非常便利,但是設(shè)計(jì)它們的初衷是用于簡單運(yùn)算的纽门。在模板中放入太多的邏輯會(huì)讓模板過重且難以維護(hù)薛耻。例如:
<div id="example">
? {{ message.split('').reverse().join('') }}
</div>
在這個(gè)地方,模板不再是簡單的聲明式邏輯赏陵。你必須看一段時(shí)間才能意識(shí)到饼齿,這里是想要顯示變量?message?的翻轉(zhuǎn)字符串。當(dāng)你想要在模板中多次引用此處的翻轉(zhuǎn)字符串時(shí)蝙搔,就會(huì)更加難以處理缕溉。
所以,對于任何復(fù)雜邏輯杂瘸,你都應(yīng)當(dāng)使用計(jì)算屬性倒淫。