6.1　過(guò)濾器的基本使用

Vue.js允許自定義過(guò)濾器，可被用于一些常見(jiàn)的文本格式化。過(guò)濾器可以用在兩個(gè)地方：雙大括號(hào)插值和v-bind表達(dá)式（后者從Vue.js 2.1.0版本后開(kāi)始支持）。過(guò)濾器應(yīng)該被添加在JavaScript表達(dá)式的尾部，由“|”指示。例如：

    <!-- 在雙大括號(hào)中 -->
    {{ message|myvue }}
    <!-- 在v-bind中 -->
    <div v-bind:id="rawId|formatId"></div>

其實(shí)message | myvue完全可以看成myvue(message)。

提示：過(guò)濾器本來(lái)就是純函數(shù)，不應(yīng)該依賴于data(){return{}}中的數(shù)據(jù)，所以在過(guò)濾器中訪問(wèn)this，返回結(jié)果永遠(yuǎn)都是undefined。