創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商,新人活動(dò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ù))