Mixin混入（混合）

2022/5/26 vue

mixin(混入)：

功能：可以把多个组件共用的配置提取成一个混入对象

使用方式：

第一步定义混合：在main.js同级目录下定义一个mixin.js文件，然后定义混合的数据或方法

组件中的data,methods,mounted,computed等都可以在这里配置，data,methods这些，如果组件中定义了，混入的不再使用，使用组件自己的，但是生命周期钩子函数，组件和混入的都会使用

export const mixin ={
   data(){
    return{       
    }
    },
    methods:{},
    mounted(){}
}
export const mixin2={}


第二步使用混入:
import {mixin,mixin2}form 'xxx'
export default{
    data(){},
    mixins:[mixin，mixin2]
}

全局混入：

在main.js中设置，然后所有组件均可以使用混入的方法、数据等

import {mixin,mixin2}form 'xxx'
Vue.mixin(mixin)
Vue.mixin(mixin2)

LOADING...

Mixin混入（混合）