computed 和 watch 的区别

computed 和 watch 都是 Vue.js 中的响应式数据处理方式，但它们的作用和使用方式有所不同。

computed 是计算属性，它会根据依赖的数据动态计算出一个新的值，并将这个值缓存起来，只有依赖的数据发生变化时才会重新计算。computed 适用于需要根据多个数据计算出一个新的值的场景，例如计算商品总价、筛选数据等。

watch 是观察者，它会监听一个数据的变化，并在数据变化时执行一些操作。watch 适用于需要在数据变化时执行异步操作、复杂操作等场景，例如监听用户输入的关键字并发送请求获取数据、监听路由变化并更新页面等。

总的来说，computed 适用于计算属性，watch 适用于监听数据变化并执行操作。

相关问题

computed和watch区别

computed和watch都是Vue的计算属性，但是它们的作用不同：

1. computed：是计算属性，用于处理一些复杂的计算逻辑，当依赖的属性发生变化时，会自动重新计算，而且计算结果会被缓存，除非依赖的属性变化，否则不会重新计算。

2. watch：是侦听器，用于监听某个值的变化，当被监听的值发生变化时，会触发回调函数执行相应的操作。

简单来说，computed适用于处理一些复杂的计算逻辑，而watch适用于监听某个值的变化，然后执行相应的操作。

computed 和 watch 区别

在Vue.js中，computed和watch都是用于监听数据变化的。但是它们的使用场景和作用有所不同。

computed是计算属性，它会根据依赖的数据自动计算出新的值，当依赖的数据变化时，它会重新计算。computed的特点是具有缓存，只有当依赖的数据发生变化时，才会重新计算，否则会直接返回之前缓存的结果。因此，computed适用于那些根据其他数据计算出结果的场景，比如过滤、格式化等等。

watch是监听器，它会监听指定的数据变化，当数据变化时，执行指定的函数。watch的特点是能够处理异步操作，因为它在数据变化后立即执行函数，而不是等待下一次渲染。因此，watch适用于那些需要在数据变化时执行异步操作的场景，比如请求数据、操作DOM等等。

总的来说，computed适用于计算属性，返回一个新的值；watch适用于监听数据变化后执行一些操作。