【Vue3】Mixin

setup写法

新建一个js文件mixin.js

import {ref} from 'vue'
export default function(){
   //定义变量
   let num = ref(1)
   //定义方法
   let favBtn = ()=>{
      num.value += 1
   }
   //把内容返回出去
   return{
      num,
      favBtn
   }
}

Vue中引入Mixin

或者

选项式API写法

mixin.js

export const fav = {
   data(){
      return{
         num:1
      }
   },
   methods:{
      favBtn(){
         this.num += 1
      }
   }
}

Vue