vue 计算属性
在这里我觉得讲 computed 和methods放在一起讨论 更 便于 理解。computed:{{comput1}}var vm = new Vue({el: '#example',data: {message: 10},computed: {comput1: function () {return this.message
·
在这里我觉得讲 computed 和methods放在一起讨论 更 便于 理解。
computed:{{comput1}}
var vm = new Vue({
el: '#example',
data: {
message: 10
},
computed: {
comput1: function () {
return this.message
}
},
})
methods:{{meth1}}
methods: {
meth1: function () {
return this.message
}
}
methods和computed从显示效果是一样的,但是主要的区别是
1.computer 是存在缓存的,在data没有改变实时,就算computed 中有 Date random,也是不会改变的。
2.methods则是不会缓存 return 值(所以按实际需要选择方法)
与watch比较 message为data中的数据
computer 与相同点是可以检测 数据的改变,比较而言各有有缺点,watch在可阅读性上更具优势,便于维护,computer在书写代码上更具优势。
watch:{
message:function(){
alert(this.n)
}
}
更多推荐
已为社区贡献16条内容
所有评论(0)