这个东西相当于vue2的mixins，相比mixins，hooks更清楚复用功能代码的来源。就是把繁多的js功能拆分成单个的js文件，然后再引入到需要的地方使用。
在src目录下新建一个hooks的目录，所有拆分的功能都在这个文件里，一个功能是一个js文件
![图片[1]-vue3的hooks-智码星河](https://wx234.cn/wp-content/uploads/2024/10/20241027152129127-1.jpg)
在hooks里面新建一个名为usegetWH.js 的文件，用来做个获取宽高的功能
![图片[2]-vue3的hooks-智码星河](https://wx234.cn/wp-content/uploads/2024/10/20241027152144459-2.jpg)
然后，例如my组件要用这个方法：
注意导入的方法是return的结果，所以这里使用的时候要调用方法然后接收这个结果。
![图片[3]-vue3的hooks-智码星河](https://wx234.cn/wp-content/uploads/2024/10/20241027152204765-3.jpg)
![图片[4]-vue3的hooks-智码星河](https://wx234.cn/wp-content/uploads/2024/10/20241027152219909-4.jpg)
无论哪个组件需要这个功能，都可以这样引入一下就可以了，就不用多次去写重复的功能代码。
本站代码模板仅供学习交流使用请勿商业运营，严禁从事违法，侵权等任何非法活动，否则后果自负！
WX234.CN
暂无评论内容