watchEffect

`watchEffect`是Vue3中新增的一个API，用于响应式地追踪数据的变化，并在数据变化时自动执行回调函数。

它的使用方式很简单，只需要将需要响应式追踪的数据包裹在`watchEffect`中，并在回调函数中执行相应的操作即可。

以下是一个示例代码：

<template>
  <div>{{ count }}</div>
</template>

<script>
  import { reactive, watchEffect } from 'vue'

  export default {
    setup() {
      const state = reactive({
        count: 0
      })

      watchEffect(() => {
        console.log('count changed:', state.count)
      })

      const increment = () => {
        state.count++
      }

      return {
        count: state.count,
        increment
      }
    }
  }
</script>

在上面的代码中，我们使用`watchEffect`对`count`进行了响应式追踪，并在回调函数中输出了当前的`count`值。每当`count`发生变化时，就会自动执行回调函数。

注意，`watchEffect`只能用于追踪响应式数据的变化，如果需要监听某个具体的响应式数据，应该使用`watch` API。