computed是计算属性的意思,我们在得到最后结果的时候可以使用computed
例如:
<input type="checkbox" v-model="checkAll">
computed: {
checkAll: {
// 当数据变化时会重新计算(取值)
get() {
return this.tableData.every(item => item.isSelect)
},
// val给checkbox赋值时
set(val) {
this.tableData.forEach(item => item.isSelect = val)
},
},
}
methods需要一个事件源来触发
例如:
<button @click=change class="btn btn-danger">删除</button>
methods: {
change(){
this.tableData.forEach(item=>item.isSelect=this.checkAll)
},
}
computed 如果计算的结果不发生改变就不会触发这个函数,computed会缓存,而methods每次触发这个事件都会触发这个函数,computed的性能比methods高
vue中的computed和methods的区别
原创
©著作权归作者所有:来自51CTO博客作者杏sunshine的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Vue中computed、methods和watch之间的区别
对于那些开始学习Vue的人来说,对于方法、计算属性和观察者之间的区别有点混淆。尽管通常可以使用它们中的每一个来完成或多或少相同的事情,但了解每个人在
vue methods computed watch 数据