vue3中如何使用hooks\

在Vue 3中，你可以使用`<script setup>`语法来使用Composition API（包括hooks）。下面是一个简单的示例：

<template>
  <div>
    <button @click="increaseCount">Increase Count</button>
    <p>{{ count }}</p>
  </div>
</template>

<script setup>
import { ref } from 'vue';

// 使用 ref 创建响应式变量
const count = ref(0);

// 创建一个用于增加计数的函数
const increaseCount = () => {
  count.value++;
};
</script>

在上面的示例中，我们使用`<script setup>`来导入Vue的`ref`函数，并使用它来创建一个名为`count`的响应式变量。我们还创建了一个名为`increaseCount`的函数，该函数在按钮点击时将计数增加。最后，我们在模板中使用了`count`变量和`increaseCount`函数。

请注意，如果你想在`<template>`标签之外使用变量或函数，你需要将它们导出。例如，如果你想在父组件中访问`count`变量，可以像这样导出它：`export { count }`。

这是一个简单的例子，你可以根据需要使用更多的Composition API函数和钩子。更多关于Vue 3中Composition API的信息可以参考官方文档：https://v3.vuejs.org/guide/composition-api-introduction.html