Vue.js学习系列(二十七)-- 计算属性(一)

在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么Vue.js将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。计算属性关键词:computed计算属性在处理一些复杂逻辑时是很有用的。

原始字符串:{{message}}

修改后的字符串:{{reversedMessage}}

new Vue({

el:"#app",

data:{

message:"2017-3-15"

},

computed:{

reversedMessage:function () {

return this.message.split('-').join(".")

}

}

})

运行结果为:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容