Vue 3第九章：WatchEffect高级侦听器

1. WatchEffect高级侦听器

在 Vue 3 中，我们可以使用 watchEffect 函数来创建高级侦听器。与 watch 和 computed 不同，watchEffect 不需要指定依赖项，它会自动追踪响应式状态的变化，并在变化时重新运行。

1.1. 使用 watchEffect 函数

下面是一个简单的示例，使用 watchEffect 函数来侦听一个响应式状态，并在状态变化时输出一条消息：

import {
   
    reactive, watchEffect } from 'vue';

const state = reactive({
   
   
  count: 0,
});

watchEffect(() => {
   
   
  console.log(`Count is now: ${
     
     state.count}`);
});

// 改变状态，输出 Count is now: 1
state.count