自定义hook函数

 

1.定义

所谓的hook，就是在不使用class的情况下，管理里面的状态数据，并且把一些逻辑性思维的的东西抽取出来，放在一个可共用的空的函数当中。

1，使用Vue3的组合API封装的可复用的功能函数；

2.自定义hook的作用类似于Vue2中的mixin（混合）技术

3.自定义hook的优势：很清楚复用功能代码的来源，更清楚易懂

2.案例

需求：用户在页面中点击页面，把点击的位置的横纵坐标收集起来并展示出来

代码如下

 

 

此时的代码已经可以实现所需要的效果，可是代码的可复用性不强。

 

所以可以将关键代码封装起来，用到时调用，而且可共用，就方便许多

 

 

 

 

 

 

 

 

 

 

 、