标签:ted 区别 vue 比较 fun computed col div 缓存
表达式的计算逻辑可能会比较复杂,使用计算属性可是模板内容更加简洁
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)方法不存在缓存
标签:ted 区别 vue 比较 fun computed col div 缓存
原文地址:https://www.cnblogs.com/Alisa-k/p/12638253.html