八.Vue3.x中的mixin介绍使用

1、新建mixin/base.js

const baseMixin = {
    data() {
        return {
            msg:"baseMixin Msg"
        }
    },
    methods: {
        success() {
            console.log("成功")
        },run(){
            alert("baseMixin run 方法")
        }
    },
}

export default baseMixin;

2、单独使用mixin, 在home.vue

3、全局配置mixin

main.js

import { createApp } from 'vue'
import App from './App.vue'
import BaseMixin from './mixin/base'

//原来的代码
// createApp(App).mount('#app')

//修改后的代码
const app=createApp(App);
//全局配置mixin
app.mixin(BaseMixin)

app.mount('#app');

home.vue组件内使用