這篇文章主要介紹vue.js計算屬性指的是什么,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)服務(wù)項目包括疏勒網(wǎng)站建設(shè)、疏勒網(wǎng)站制作、疏勒網(wǎng)頁制作以及疏勒網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,疏勒網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到疏勒省份的部分城市,未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
什么是計算屬性(Computed )?
計算屬性看起來就像Vue中的數(shù)據(jù)(data)屬性,但是我們可以執(zhí)行一些算術(shù)和非算術(shù)任務(wù)。
- First name : {{firstName}}
- Last name : {{lastName}}
- Full name : {{firstName + ' '+ lastName}}
在上面的代碼中,我們創(chuàng)建了兩個數(shù)據(jù)屬性firstName和lastName,并將其插入到template中。
如果你查看我們的template,我們在{{}}花括號中添加了Full Name邏輯。
例子
如何創(chuàng)建第一個計算屬性的示例。
計算屬性在計算屬性對象中聲明。
- First name : {{firstName}}
- Last name : {{lastName}}
- Full name : {{fullName}}