vue中的computed和methods的区别

发布时间:2020-07-09 23:26:11 作者:杏sunshine
来源:网络 阅读:1130

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高
推荐阅读:
  1. Vue中methods computed 和 watch 的区别
  2. Vue中Computed和Watch的区别及其用法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

computed methods 区别

上一篇:Java编程基础阶段笔记 day06 二维数组

下一篇:(9.0系统机器)安卓神器xposed框架不Root使用指南

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》