在模板中表達(dá)式非常便利，但是它們實(shí)際上只用于簡(jiǎn)單的操作炬搭。模板是為了描述視圖的結(jié)構(gòu)。在模板中放入太多的邏輯會(huì)讓模板過(guò)重且難以維護(hù)。這就是為什么Vue.js將綁定表達(dá)式限制為一個(gè)表達(dá)式涯呻。如果需要多于一個(gè)表達(dá)式的邏輯，應(yīng)當(dāng)使用計(jì)算屬性腻要。計(jì)算屬性關(guān)鍵詞:computed复罐。計(jì)算屬性在處理一些復(fù)雜邏輯時(shí)是很有用的。
原始字符串:{{message}}
修改后的字符串:{{reversedMessage}}
new Vue({
el:"#app",
data:{
message:"2017-3-15"
},
computed:{
reversedMessage:function () {
return this.message.split('-').join(".")
}
}
})
運(yùn)行結(jié)果為：
