Vue3学习——hooks

自定义hook函数

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

类似于Vue2.x中的minx

自定义hook的优势：复用代码，让setup中的逻辑更清楚容易。

// hook/xxx.ts中
export default function () {
  ...
  }
  
// 组件中使用
import useTest from '@/hook';

setup() {
    let dodo = useTest()
    return {
      dodo
    }
  }

vue页面

import { dodo } from '@/hook/xxx.ts'
dodo() // 引入并使用方法