vue3中hooks的使用

hooks的概念

hook是一种封装的逻辑方法，和utils的封装的公用函数比较而言，多了状态值存在；在vue3中的使用，提取共用的状态和方法，并导出；

import {ref,reactive,wtach} from "vue";
export default const  useAddNum(num1,num2){
 const resNum  = ref(0);
 const pureAdd = ()=>{
  const temp = num1 + num2;
  resNum.value = temp;
  return temp 
 }
  return {
      resNum,
      pureAdd
   }
}

使用方法

<template>
<span>{{resNum}}</span>
</template>
<script>
import useAddNum from "@/xxxxx/xxxx";
const {resNum, pureAdd}  = useAddNum (num1,num2)
</script>