1.JavaScript表達式

目前成都創新互聯公司已為千余家的企業提供了網站建設、域名、虛擬空間、綿陽服務器托管、企業網站設計、揭西網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

放在雙大括號標簽內的文本稱為綁定表達式。在Vue.js中，一段綁定表達式由一個簡單的JS表達式和可選的一個或多個過濾器構成

HTML：

數字加減：{{number+1}}

三目運算：{{ok?'yes':'no'}}

JS表達式：{{message.split('').reverse().join('')}}

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允許在表達式后添加可選的“過濾器(Filter)”，以“管道符”指示。

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

HTML：

{{message|capitalize}} 

JS：

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

頁面效果截圖：

創新互聯www.cdcxhl.cn，專業提供香港、美國云服務器，動態BGP最優骨干路由自動選擇，持續穩定高效的網絡助力業務部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統配攻擊溯源，準確進行流量調度，確保服務器高可用性。佳節活動現已開啟，新人活動云服務器買多久送多久。

分享文章：Vue.js學習筆記：數據綁定語法---綁定表達式-創新互聯
文章網址：http://m.jcarcd.cn/article/csdsje.html