1.JavaScript表達(dá)式

目前成都創(chuàng)新互聯(lián)公司已為千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、揭西網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

放在雙大括號標(biāo)簽內(nèi)的文本稱為綁定表達(dá)式。在Vue.js中，一段綁定表達(dá)式由一個(gè)簡單的JS表達(dá)式和可選的一個(gè)或多個(gè)過濾器構(gòu)成

HTML：

<span id="test01">數(shù)字加減：{{number+1}}</span><br>
<span id="test02">三目運(yùn)算：{{ok?'yes':'no'}}</span><br>
<span id="test03">JS表達(dá)式：{{message.split('').reverse().join('')}}</span><br>

JS：

var vm1=new Vue({
    el:'#test01',
    data:{
        number:3
    }
});
var vm2=new Vue({
    el:'#test02',
    data:{
        ok:'yes'
    }
});
var vm3=new Vue({
    el:'#test03',
    data:{
        message:'Roger'
    }
});

2.過濾器

Vue.js允許在表達(dá)式后添加可選的“過濾器(Filter)”，以“管道符”指示。

這里我們將表達(dá)式message的值“管輸（pipe）”到內(nèi)置的capitalize過濾器，這個(gè)過濾器其實(shí)只是一個(gè)JS函數(shù)，返回大寫話的值。 Vue.js提供了數(shù)個(gè)內(nèi)置過濾器

HTML：

<span id="test04">{{message|capitalize}}</span> <!--capitalize:首字母大寫-->

JS：

var vm4=new Vue({
    el:'#test04',
    data:{
        message:'hello'
    }
});

頁面效果截圖：

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開啟，新人活動(dòng)云服務(wù)器買多久送多久。

分享題目：Vue.js學(xué)習(xí)筆記：數(shù)據(jù)綁定語法---綁定表達(dá)式-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://jinyejixie.com/article24/csdsje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、小程序開發(fā)、定制開發(fā)、建站公司、網(wǎng)站排名、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)