- Vue.js從入門到項目實(shí)踐(超值版)
- 聚慕課教育研發(fā)中心編著
- 256字
- 2022-07-29 14:27:44
5.1.2 計算屬性

在進(jìn)行數(shù)據(jù)綁定的時候,對數(shù)據(jù)要進(jìn)行一定的處理才能展示到HTML頁面上。雖然Vue提供了非常好的表達(dá)式綁定方法,但是只能應(yīng)對低強(qiáng)度的需求。例如,把一個日期按照規(guī)定格式進(jìn)行輸出,可能就需要對日期對象做一些格式化。Vue提供的計算屬性(computed)允許開發(fā)者編寫一些方法,協(xié)助進(jìn)行綁定數(shù)據(jù)的操作。這些方法可以跟data中的屬性一樣用,注意用的時候不要加“()”。
代碼如下:

運(yùn)行的效果如圖5-4所示。

圖5-4 計算屬性運(yùn)行效果圖
提示:模板內(nèi)表達(dá)式包含復(fù)雜邏輯時,應(yīng)使用計算屬性。只要計算屬性使用的數(shù)據(jù)不發(fā)生變化,計算屬性就不會執(zhí)行,而是直接使用緩存。
推薦閱讀
- 版面設(shè)計與制作
- 網(wǎng)頁設(shè)計與制作
- 柳工出海:中國制造的全球化探索
- After Effects CS6從入門到精通
- 網(wǎng)頁設(shè)計與制作:HTML+CSS+JavaScript標(biāo)準(zhǔn)教程
- CSS+DIV網(wǎng)頁樣式與布局案例指導(dǎo)
- Adobe Dreamweaver CS5中文版經(jīng)典教程
- 網(wǎng)頁制作與網(wǎng)站建設(shè)寶典
- UI動效大爆炸:After Effects移動UI動效制作學(xué)習(xí)手冊
- Dreamweaver CC中文版網(wǎng)頁設(shè)計與制作從新手到高手
- 網(wǎng)頁設(shè)計與制作(Dreamweaver CS6)
- HTML+CSS+JavaScript網(wǎng)頁設(shè)計與布局:從新手到高手
- ADOBE DREAMWEAVER CS6 標(biāo)準(zhǔn)培訓(xùn)教材
- Illustrator平面設(shè)計180例五步通
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁設(shè)計實(shí)戰(zhàn)視頻教程