vue3 中hooks

Vue3 中的 Hooks 是一种新的 API，它用于在组件中添加可重用的逻辑。Hooks 可以用于管理组件内部的状态、处理副作用、访问组件的生命周期等。

Vue3 中的 Hooks 包括以下几种：

useState：用于在组件中管理状态。它返回一个数组，数组的第一个元素是当前状态，第二个元素是一个函数，用于更新状态。
useEffect：用于处理副作用。它接收一个函数作为参数，该函数将在组件渲染完毕后执行。可以在该函数中执行一些异步操作、订阅事件等。
useRef：用于在组件中创建一个可变的引用。它返回一个对象，该对象包含一个 current 属性，该属性的值可以在组件的生命周期中进行修改。
useContext：用于在组件中访问父组件传递下来的 context。它接收一个 context 对象作为参数，并返回该 context 对象的值。
useReducer：用于在组件中管理复杂的状态。它接收一个 reducer 函数和一个初始状态作为参数，并返回一个包含当前状态和一个 dispatch 函数的数组。
useMemo：用于在组件中缓存计算结果。它接收一个计算函数和一个依赖数组作为参数，只有在依赖数组发生变化时才会重新计算。
useCallback：用于在组件中缓存函数。它接收一个函数和一个依赖数组作为参数，只有在依赖数组发生变化时才会重新创建函数。
useMounted：用于在组件挂载后执行一次的操作，它接收一个函数作为参数，该函数将在组件挂载后执行。
useUpdated：用于在组件更新后执行一次的操作，它接收一个函数作为参数，该函数将在组件更新后执行。
useDestroyed：用于在组件销毁前执行一次的操作，它接收一个函数作为参数，该函数将在组件销毁前执行。

通过使用这些 Hooks，我们可以更加方便地管理组件内部的状态、处理副作用、访问组件的生命周期等。同时，由于 Hooks 是可复用的，可以在多个组件中进行使用，提高了代码的复用性和可维护性