vue计算属性和方法的区别

1.methods方法：

控制台打印：

 

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

 

2.computed计算属性

控制台打印：

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

 

3.总结：

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

2).不同的是计算属性是基于它们的响应式依赖进行缓存的。

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

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

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