vue_计算属性和方法的区别

在学习官网时一直没搞懂计算属性和方法的区别，查看了一些博客和资料总结了一下，

1.methods方法：

控制台打印：

当修改其中一个属性时，其他属性的值都没改变，但会发现methods里的方法都被执行

2.computed计算属性

控制台打印：

会发现当修改其中一个值的时候，只会执行于其相关的方法。

 

3.总结：

1).methods方法和computed计算属性，两种方式的最终结果确实是完全相同

2).不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值，多次访问 getAge 计算属性会立即返回之前的计算结果，而不必再次执行函数。

3).methods方法，每当触发重新渲染时，调用方法将总会再次执行函数。

4).所以，官网的一句话，对于任何复杂逻辑，你都应当使用计算属性。