vue中计算属性（computed）、methods和watched之间的区别

发布时间：2020-12-17 02:51:37 所属栏目：百科来源：网络整理

导读：前言本文主要给大家介绍了关于vue中计算属性（computed）、methods和watched之间的区别，分享出来供大家参考学习，下面来一起看看详细的介绍：计算属性和普通属性一样是在模板中绑定计算属性的，当data中对应数据发生改变时，计算属性的值也会发生改变。

本文主要给大家介绍了关于vue中计算属性（computed）、methods和watched之间的区别，分享出来供大家参考学习，下面来一起看看详细的介绍：

和普通属性一样是在模板中绑定计算属性的，当data中对应数据发生改变时，计算属性的值也会发生改变。

methods是方法，只要调用它，函数就会执行。

两者达到的效果是同样的。

计算属性是基于它们的依赖进行缓存的，只有相关依赖会发生改变时才会重新求职。只要相关依赖未改变，只会返回之前的结果，不再执行函数。

原始数据：{{msg}}

改变后的数据：{{changemsg}}

var vm=new Vue({ el:"#example",data:{ msg:"hello",},computed:{ changemsg:function(){ return this.msg.split("").reverse().join(""); },}

watched属性：代码更易于理解，它指定监测的值是谁，然后相应的改变其他的值。

computed属性：代码更简单。

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者使用shell能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对编程之家的支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!