vue computed和watch有什么区别

Vue中的computed和watch都有监控数据变化的功能，但它们之间存在一些重要的区别。

1. 计算属性（computed）：主要用于简化模板中的复杂计算操作，它基于依赖进行缓存，只有当依赖数据发生变化时，才会重新计算。这意味着，只要依赖数据没有发生变化，多次访问计算属性时，因为使用了缓存，所以能直接复用之前的计算结果，不会重复执行计算函数，提升性能。此外，computed属性是同步的，不支持异步操作。
2. 侦听属性（watch）：它可以用来监听data中的数据变化。侦听属性主要适合在模板中不适合直接用prop或event进行传递的数据。与computed不同的是，watch不使用缓存，它始终需要调用回调函数处理。同时，它支持异步操作，这是computed所不能实现的。

综上，对于频繁访问且依赖值不会改变的情况，推荐使用computed；而对于数据变化处理较为复杂或者涉及异步的情况，则推荐使用watch。

computed:
1. computed是计算属性,也就是计算值,它更多?于计算值的场景
2. computed具有缓存性,computed的值在getter执?后是会缓存的，只有在它依赖的属性值改变之后，下?次获取computed的值时才会重
新调?对应的getter来计算
3. computed适?于计算?较消耗性能的计算场景
watch:
1. 更多的是「观察」的作?,类似于某些数据的监听回调,?于观察props$emit或者本组件的值,当数据变化时来执?回调进?后续操作
2. ?缓存性，页?重新渲染时值不变化也会执?
?结:
1. 当我们要进?数值计算,?且依赖于其他数据，那么把这个数据设计为computed
2. 如果你需要在某个数据变化时做?些事情，使?watch来观察这个数据变化