Vue3 自定义Hooks

Hooks在JS里是callback,事件驱动，也可以说是集成定义一些可复用的方法

Vue3官方文档并没有对自定义Hooks做任何定义，却无处不在在使用这个技巧，很多开源项目也在用这个技巧，所以作为一个合格的Vuer学会自定义Hooks让Composition Api写起来更丰满是十分必要的！

请查看以上图片

在 src 中创建 hooks 文件夹，并在该文件夹创建 useCommon.js 文件

简单明白的说就是在js文件中去创建一个函数 将该函数进行导出，但是要求就是要让每个方法名一样 可以做到全部引用 以便减少代码的编写

使用的话要在页面进行引入该js文件 引入文件中刚才图中导出的函数 

在页面中可以直接使用 const {}  去拿该导出函数中写的方法

传值的话就需要 const {} = 该导出的函数名({ ...... }) 每一个以对象的形式传入该使用全局的函数中去

千万不要忘记在该使用全局的函数内 把你要用到的方法 或 变量 进行return出来