1.methods方法:

1

控制台打印:

 2

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

 

2.computed计算属性

3

控制台打印:

4

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

 

3.总结:

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

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

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

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

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

Logo

前往低代码交流专区

更多推荐