vue3如何使用hook

Vue 3 引入了 Composition API，它提了一种新的来编写 Vue 组件，包括使用 Hooks。

要在 Vue 3 中使用 Hook，首先需要在组件中导入 `vue` 模块的 `ref` 和 `onMounted` 方法。`ref` 用于创建响应式的数据，`onMounted` 用于在组件挂载后执行一段代码。下面是一个简单的示例：

import { ref, onMounted } from 'vue';

export default {
  setup() {
    // 创建一个响应式的数据
    const count = ref(0);

    // 在组件挂载后执行一段代码
    onMounted(() => {
      console.log('Component mounted');
    });

    return {
      count,
    };
  },
};

在上面的示例中，我们使用 `ref` 创建了一个名为 `count` 的响应式数据。然后，使用 `onMounted` 在组件挂载后打印一条消息。

你可以根据需要在 `setup` 函数中使用多个 Hook，如 `watch`、`computed` 等。Composition API 还提供了其他有用的 Hook，如 `onUpdated`、`onUnmounted` 等。

需要注意的是，在 Vue 3 中，使用 Composition API 编写组件时，不再需要使用 `data`、`methods` 等选项，而是直接在 `setup` 函数中声明需要的数据和方法即可。

这就是 Vue 3 中使用 Hook 的基本方法。希望对你有所帮助！如有更多问题，请随时提问。