創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商,新人活動(dòng)買多久送多久,劃算不套路!
公司主營業(yè)務(wù):網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出湘潭免費(fèi)做網(wǎng)站回饋大家。這篇文章主要講解了vue插值表達(dá)式Mustache的使用方法,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會(huì)有幫助。
一、本節(jié)說明
用樣例詳細(xì)的說明插值表達(dá)式{{}}的使用,將模型數(shù)據(jù)插入到頁面當(dāng)中。
插值表達(dá)式為什么叫Mustache(英文:八字須)呢?看看{{內(nèi)容}}的兩個(gè)大括號像不像八字胡子呢!
二、怎么做
{{firstName.length}}(使用‘.'獲取屬性)
{{firstName + lastName}}(字符串拼接)
{{firstName + ' ' + lastName}}(注意名字中間的的空格)
{{firstName}} {{lastName}}(注意名字中間的空格)
{{age * 2}}(簡單的算術(shù)表達(dá)式)
{{lastName == 'Curry' ? '真棒' : '還好'}}(三目運(yùn)算)
{{lastName.split('rr').reverse().join(',')}}(使用javascript函數(shù))
{{customMethod(lastName)}}(使用自定義的函數(shù))