计算属性
表达式的计算逻辑可能会比较复杂,使用计算属性可是模板内容更加简洁
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)方法不存在缓存