vue3中的hooks其实是函数的写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中。这样其实和我们在vue2中学的mixin比较像。下面我们总结一下如何去书写hooks。
首先应该先建立一个hooks文件夹：其目的是为了存放hook文件。
在这里插入图片描述
建立相关的hook文件：一般使用use开头。
一、计数器的hook
在这里插入图片描述
useTitle的hooks
s
useScrollPostion用来监测浏览器页面的滚动情况
在这里插入图片描述
useMousemove监听鼠标位置的hook
在这里插入图片描述
useLocalStorage可以本地存储
在这里插入图片描述

# javascript # 前端 # vue.js
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

通过HPA+CronHPA组合应对业务复杂弹性伸缩场景

avatar 华为云开发者联盟
cover

FT-FMEA融合混沌演练，零售运营系统韧性架构在线验证实践

avatar 华为云开发者联盟
cover

如何使用Python和Plotly绘制3D图形

avatar 华为云开发者联盟