vue3用watch

watchEffect是Vue 3中的一个新函数，它允许我们自动跟踪回调的响应式依赖。与watch不同，watchEffect会自动追踪回调中访问到的所有依赖项，而不需要明确指定依赖。当任何一个依赖项发生变化时，回调函数都会被触发。

watch函数是Vue 3中用于侦听特定的响应式数据源的变化的函数。我们可以指定一个或多个响应式数据源，并在这些数据源发生变化时触发回调函数。不同于watchEffect，watch只追踪明确侦听的数据源，并且仅在数据源确实改变时才会触发回调。

下面是一个使用watchEffect的例子：

<script setup>
import { ref, watchEffect } from "vue";

const count = ref(0);

watchEffect(() => {
  console.log(count.value);
});
</script>

在上述例子中，我们使用watchEffect来追踪count的变化，并在控制台输出count的值。每当count发生变化时，回调函数都会被调用。