vue中的computed和methods的区别-创新互联

computed是计算属性的意思,我们在得到最后结果的时候可以使用computed

我们提供的服务有:网站设计、成都网站设计、微信公众号开发、网站优化、网站认证、雄县ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的雄县网站制作公司

例如:

computed: {
checkAll: {
// 当数据变化时会重新计算(取值)
get() {
return this.tableData.every(item => item.isSelect)
},
// val给checkbox赋值时
set(val) {
this.tableData.forEach(item => item.isSelect = val)
},
},
}

methods需要一个事件源来触发
例如:

methods: {
change(){
this.tableData.forEach(item=>item.isSelect=this.checkAll)
},
}

computed 如果计算的结果不发生改变就不会触发这个函数,computed会缓存,而methods每次触发这个事件都会触发这个函数,computed的性能比methods高

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:vue中的computed和methods的区别-创新互联
当前链接:http://hbruida.cn/article/dispds.html