在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么Vue.js将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。计算属性关键词:computed。计算属性在处理一些复杂逻辑时是很有用的。
原始字符串:{{message}}
修改后的字符串:{{reversedMessage}}
new Vue({
el:"#app",
data:{
message:"2017-3-15"
},
computed:{
reversedMessage:function () {
return this.message.split('-').join(".")
}
}
})
运行结果为: