MDRY

导航

vue3——hook函数

  • 什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。

  • 类似于vue2.x中的mixin。

  • 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

代码演示:

1.创建一个文件夹,自定义文件用来存放复用代码

2.复用代码写入js文件中

在代码之前要引入用到的钩子,最后需要返回

 

3.在需要使用复用代码的组件中引入文件

import usePoint from '../hooks/usePoint'
使用数据并返回对象:

 

posted on 2022-09-04 21:10  小懵丹儿  阅读(326)  评论(0编辑  收藏  举报