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

# javascript # 前端 # vue.js
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

GaussDB全密态数据库等值查询

avatar 华为开发者空间
cover

COC云运维中心新特性解读，让智能运维更高效

avatar 华为开发者空间
cover

一文带你搞懂GaussDB数据库性能调优

avatar 华为开发者空间