vue 3 hook

Vue 3是一种流行的JavaScript框架，它提供了一种用于构建用户界面的响应式组件系统。在Vue 3中，引入了Hooks，这是一种函数式的组件API，用于在函数组件中共享可复用的逻辑。

Vue 3的Hooks包括以下几个常用的：
1. `setup`：这是一个必需的Hooks，它在组件创建之前执行，并且可以返回一个对象，该对象中包含了组件中需要使用的数据、方法等。
2. `ref`：用于创建一个响应式的数据引用，类似于Vue 2.x中的`data`属性。可以通过`.value`来访问和修改引用的值。
3. `reactive`：用于创建一个响应式的对象，类似于Vue 2.x中的`data`属性。可以直接访问和修改对象的属性。
4. `computed`：用于创建一个计算属性，类似于Vue 2.x中的`computed`属性。可以根据其他响应式数据进行计算，并返回一个新的响应式数据。
5. `watch`：用于监听一个或多个响应式数据的变化，并在数据变化时执行相应的操作。
6. `onMounted`：在组件挂载到DOM后执行的钩子函数。
7. `onUpdated`：在组件更新后执行的钩子函数。
8. `onUnmounted`：在组件从DOM中卸载后执行的钩子函数。

这些Hooks可以帮助开发者更方便地管理组件的状态和生命周期，并提供了更灵活的组件编写方式。