vue3【自定义hook】

什么是hook?

本质是一个函数,把setup函数中使用的Composition API(组合式api)进行了封装

类似于vue2.x中的mixin

自定义hook的优势:

复用代码,让setup中的逻辑更清楚易懂

举个例子,通过在页面获取鼠标点击的坐标为例,来说明一下自定义hook的作用

(1)首先我们写一个这样的页面,获取鼠标点击页面的鼠标,并显示在页面上

方法:主要是通过在组件挂载时调用window.addEventListener事件监听方法获取点击事件的坐标。

demo.vue