计算属性
Posted alisa-k
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了计算属性相关的知识，希望对你有一定的参考价值。
表达式的计算逻辑可能会比较复杂，使用计算属性可是模板内容更加简洁
1、计算属性的用法
<body>
<div id="app">
<div>{{reversed}}</div>
</div>
<script src="../js/vue.js"></script>
<script>
var vm = new Vue({
el: ‘#app‘,
data: {
msg: ‘你好啊‘
},
computed: {
reversed: function() {
return this.msg.split(‘‘).reverse().join(‘‘);
}
}
})
</script>
</body>
2、计算属性与方法的区别
（1）计算属性是基于它们的依赖进行缓存的
（2）方法不存在缓存
以上是关于计算属性的主要内容，如果未能解决你的问题，请参考以下文章