watch和computed区别面试

`watch` 和 `computed` 都是 Vue.js 中的一种数据响应式机制，它们都能够监听数据的变化并作出响应。但是它们有以下几点区别：

1. 用途：`computed` 用于计算和返回新的数据，而 `watch` 则用于执行异步操作和其他额外的任务。

2. 触发方式：`computed` 是被动的，它的值在其依赖的数据发生改变时自动更新。而 `watch` 是主动的，需要在数据变化时手动触发，并执行回调函数。

3. 缓存：`computed` 结果是被缓存的，只有在其依赖的数据发生改变时才会重新计算，而 `watch` 则没有缓存。

4. 复杂度：`computed` 更为高效，因为它的结果是被缓存的，而 `watch` 由于没有缓存，所以在监听大量数据时复杂度比较高。

总的来说，在 Vue.js 中，应该尽量使用 `computed` 来计算数据，而在需要执行异步操作和其他额外任务时使用 `watch`。

相关问题

watch和computed区别面试 罗列10条

1. Watch是Vue.js中的一个API，用于监听数据的变化，当数据发生变化时，会触发相应的回调函数。而computed是Vue.js中的另一个API，用于计算属性，它会根据依赖的数据自动计算出新的值。

2. Watch可以监听任意数据的变化，包括对象、数组、函数等，而computed只能监听响应式数据的变化。

3. Watch的回调函数可以接收两个参数，新值和旧值，而computed的计算函数只能返回一个值。

4. Watch可以在数据变化时执行异步操作，而computed只能执行同步操作。

5. Watch可以监听多个数据的变化，而computed只能依赖一个或多个响应式数据。

6. Watch可以通过设置immediate选项来在组件创建时立即执行回调函数，而computed只有在依赖的数据发生变化时才会重新计算。

7. Watch可以通过设置deep选项来深度监听对象或数组的变化，而computed只能监听响应式数据的浅层变化。

8. Watch可以通过设置handler选项来指定回调函数，而computed只能通过设置get和set方法来计算属性的值。

9. Watch可以通过设置lazy选项来延迟执行回调函数，而computed只有在模板中使用时才会计算属性的值。

10. Watch可以通过设置immediate和deep选项来实现computed的功能，但是computed不能替代watch的功能。

watch和computed区别面试 罗列5条

1. Watch 是 Vue.js 中的一个 API，用于监听数据的变化并执行相应的操作，而 Computed 是另一个 API，用于计算属性并返回一个新的值。
2. Watch 可以监听任何数据的变化，包括对象、数组、函数等，而 Computed 只能监听响应式数据的变化。
3. Watch 可以执行异步操作，而 Computed 只能执行同步操作。
4. Watch 可以监听多个数据的变化，而 Computed 只能监听一个或多个响应式数据的变化。
5. Watch 可以在数据变化时执行任何操作，而 Computed 只能返回一个新的值。