vue3 + mixin入门

1：定义mixin文件

import { ref } from "vue";
export default function () {
    let num = ref(0);
    const changeNum = () => {
        num.value++
    }
    return {
        num, changeNum
    }
}

2：页面组件引入调用

import mixin from "../common/mixin";

const { num, changeNum } = mixin();

3：页面可直接使用变量和方法

<button @click="changeNum">加num:{{ num }}</button>

mixin理解：定义公共方法、属性等，可抽离相同代码，在不同组件内部进行引入使用

第一次接触，持续更新