- Vue.js從入門到項(xiàng)目實(shí)踐(超值版)
- 聚慕課教育研發(fā)中心編著
- 162字
- 2022-07-29 14:27:49
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。
推薦閱讀
- 版面設(shè)計(jì)與制作
- Dreamweaver CS5+ASP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)實(shí)用手冊(cè)
- jQuery+Bootstrap Web開(kāi)發(fā)案例教程(在線實(shí)訓(xùn)版)
- 動(dòng)漫秀場(chǎng):超級(jí)漫畫(huà)Q版造型素描技法
- Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)自學(xué)經(jīng)典
- CSS+DIV網(wǎng)頁(yè)樣式與布局案例指導(dǎo)
- Vue.js Web開(kāi)發(fā)案例教程(在線實(shí)訓(xùn)版)
- 網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)寶典
- 全能網(wǎng)頁(yè)設(shè)計(jì)師精煉手冊(cè)
- HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)與布局:從新手到高手
- 社交網(wǎng)站界面設(shè)計(jì)(原書(shū)第2版)
- 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML5+CSS3+JavaScript)(第3版)
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)培訓(xùn)教程
- 巧學(xué)巧用Dreamweaver CS6制作網(wǎng)頁(yè)
- Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)從入門到精通(微課精編版)