computed和watch我可以这样理解吗？

Question

如果一个变量没有默认值，并且很少会发生改变的时候，我们可以用computed属性来计算这个方法，因为这时候它已经被缓存了，只有它依赖的属性发生变化，这个变量才会改变，当其它数据更改引起页面的重绘时，vue并不会重新去计算已经缓存的这个计算结果，所以可以提高页面的渲染速度。

如果一个变量有默认值，并且很少发生改变的时候，这时候如果用computed计算属性，页面加载时首先会计算一次，然后才会将结果渲染到页面。但如果这时候用watch属性，虽然会产生一些冗余数据，但页面加载的时候会直接将默认内容展示到页面上，只有当它监听的属性发生变化时，才会触发监听属性的方法，虽然效果和计算属性一样,但本质上应该算不上缓存…比computed少一次计算量。
在这里我理解的是虽然这些冗余数据以及监听事件中的方法显得代码有些繁琐，但某种程度上也算稍微提高了一些性能？不知道我这里理解的对不对…

最后就是methods属性，只有在computed和watch属性不能实现的情况下，才会考虑在这个属性内写方法，我这里理解的对吗？

Answer 1

超赛蓝孙 2021-11-23 22:57:36

需要实时改变的，就调用watch，否则就computed就够了。

Answer 2

Dell 2021-05-01 21:12:19

理解的正确