computed和watch的区别

134 阅读1分钟

computed特性

1是计算值
2应用:就是简化tempalte里面{{}}计算和props和$emit的传值
3具有缓存性,页面重新渲染值不会发生变化,计算属性会立即返回之前的计算结果,而不必再次执行函数
4是用于定义基于数据之上的数据

watcht特性

1是观察的动作
2应用:监听props,$emit或本组件的值执行异步操作
3无缓存性,页面重新渲染时,值不变化也会执行
4是你想在某个数据变化时做一些事情,
5watch更多的是看过程中我们可以在这期间做一些事情,

总结

1如果一个数据依赖于其他数据,那么把这个数据设计为computed的
2如果你需要在某个数据变化时做一些事情,使用watch来观察这个数据变化