watchEffect自动刷新页面

`watchEffect`可以用于自动刷新页面。当响应式数据发生变化时，`watchEffect`会自动重新执行回调函数，在回调函数中可以执行一些更新页面的操作，从而实现自动刷新页面的效果。

以下是一个示例代码，当`name`变化时，会自动刷新页面：

<template>
  <div>{{ name }}</div>
</template>

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

  export default {
    setup() {
      const state = reactive({
        name: 'Vue3'
      })

      watchEffect(() => {
        console.log('name changed')
        // 执行一些更新页面的操作
      })

      return {
        name: state.name
      }
    }
  }
</script>

在上面的代码中，当`name`发生变化时，`watchEffect`会自动执行回调函数，并输出一条日志。在回调函数中可以执行一些更新页面的操作，例如修改页面中的文本内容、重新渲染组件等等，从而实现自动刷新页面的效果。