computed/watch/watchEffect

computed属性是在Vue中用于计算和缓存响应式数据的属性。它可以根据依赖的响应式数据自动更新，并且只有在依赖数据发生变化时才会重新计算。computed属性具有更高的性能，因为它会在依赖数据不变时进行缓存，避免不必要的重新计算。

watch函数是Vue中用于监听一个或多个响应式数据变化的函数。它可以在指定的响应式数据发生变化时执行回调函数。watch函数需要显式指定依赖的响应式数据，并且每次依赖数据发生变化时都会执行回调函数。

watchEffect函数是Vue 3中新增的函数，用于自动收集依赖数据并在依赖数据变化时重新执行。它会自动追踪函数内部引用的响应式数据，并在任何被追踪的响应式数据发生变化时重新执行。watchEffect函数的依赖是自动收集的，不需要显式指定。

相关问题

computed、watch、watchEffect

computed是一种计算属性，用于储存需要处理的数据值，并且依赖其他属性值。computed的值有缓存，只有它依赖的属性值发生改变时，才会重新计算。

watch是一种监听器，用于监听特定的数据变化。当被监听的数据发生变化时，可以执行相应的回调函数。

watchEffect是一种自动运行的副作用函数，它会自动追踪其内部使用的响应式数据，并在这些数据变化时重新运行。watchEffect不需要显式地指定要监听的数据，而是自动追踪依赖并响应变化。

vue3 watch watcheffect区别

在 Vue 3 中，watch 和 watchEffect 都是用于监听数据变化的 API，但是它们的实现方式和使用方式略有不同。

watch 选项是一个函数，接收两个参数：新值和旧值，并且可以通过配置选项来控制 watch 的行为。watch 可以监听指定的数据变化，例如一个对象的某个属性或一个数组的某个索引值。当监听的数据变化时，watch 函数就会被调用。

watchEffect 是一个立即执行的函数，它会自动追踪其依赖，并在依赖变化时重新执行。watchEffect 的依赖可以是任何响应式数据，包括 ref、reactive、computed 等，也可以是一个普通的变量或函数。watchEffect 函数中使用的响应式数据会被自动追踪，当这些数据变化时，watchEffect 函数会被重新执行。

总的来说，watch 更适合监听指定的数据变化，而 watchEffect 更适合在函数内部响应式地使用数据。同时，watchEffect 可以更方便地处理异步操作，因为它可以自动追踪异步操作中使用的响应式数据，并在数据变化时重新执行。