- Vue.js從入門到項目實踐(超值版)
- 聚慕課教育研發中心編著
- 162字
- 2022-07-29 14:27:49
6.1 過濾器的基本使用
Vue.js允許自定義過濾器,可被用于一些常見的文本格式化。過濾器可以用在兩個地方:雙大括號插值和v-bind表達式(后者從Vue.js 2.1.0版本后開始支持)。過濾器應該被添加在JavaScript表達式的尾部,由“|”指示。例如:
<!-- 在雙大括號中 --> {{ message|myvue }} <!-- 在v-bind中 --> <div v-bind:id="rawId|formatId"></div>
其實message | myvue完全可以看成myvue(message)。
提示:過濾器本來就是純函數,不應該依賴于data(){return{}}中的數據,所以在過濾器中訪問this,返回結果永遠都是undefined。