自定义 hook 函数

目录

1.理解 hook

2.创建自定义 hook 函数步骤

---

1.理解 hook

        1.什么是 hook? ——本质是一个函数，把setup 函数中使用到的 Composition API 进行了封装

        2.类似于 Vue2 中的 mixin

        3.自定义 hook 的优势：复用代码，让setup 中的逻辑更加清除易懂

2.创建自定义 hook 函数步骤

        1.在 src 文件夹下 创建 hooks 文件夹，来存放 hook函数所在的文件

        2.在 hooks 文件夹下创建实现功能的 js 文件

        3.文件中引入需要的 组合式API

        4.暴露并完成实现功能的函数，函数一定要有返回值，供其他组件使用

        5.在组件中使用 引入完成该能功能的文件

        6.在 setup 函数中 调用该函数