vue3——hooks

vue3的hook相当于vue2的mixin混入，不同的在于hook是函数

就是将文件的单独功能的代码抽象出来，可以提高代码的复用性，让我们在不同的组件中都可以利用hook函数

下面来看一下hook的用法

1、首先需要在src文件夹下新建一个hooks文件夹

2、根据相应的功能代码来建立相关的hook文件

例如写一个计时器的hook：useCout.js

import {ref} from 'vue'
export default function(){
    const cout=ref(0);
    const increment()=>{
    cout.value++;
     const decrement()=>{
    cout.value--;   
}
return{
    cout,
    increment,
    decrement
}
}

 

 3、在组件中引入hook

import useCout from './hooks/useCout'