自定义hooks

官网地址：https://cn.vuejs.org/guide/extras/composition-api-faq.html#what-is-composition-api

可以将相关的feature组合在一起

易于重用

优势：

1、以函数的形式调用，清楚的了解参数和返回的类型

2、避免命名冲突

3、代码逻辑脱离组件存在

4、泛型在函数中的使用

5、与react hooks相比

（1）、仅在 setup() 或 <script setup> 调用一次，而且不用担心闭包变量的问题

（2）、不限制调用顺序，可以有条件的进行调用

（3）、Vue 的响应性系统运行时会自动收集计算属性和侦听器的依赖，因此无需手动声明依赖

（4）、无需手动缓存回调函数来避免不必要的组件更新。Vue 细粒度的响应性系统能够确保在绝大部分情况下组件仅执行必要的更新。对 Vue 开发者来说几乎不怎么需要对子组件更新进行手动优化。