Vue mixin配置项

1.为什么实用混入（混合）？

        组件内部的配置项复用

2.怎么写一个混入？mixin是一个js文件，两个组件都有显示Name的需求

export const mixin={
    methods:{
        showName(){
            alert(this.Name)
        }
    }
}


//可以写多个，每个mixin里面可以写所有的配置项
//export const mixin2={
//     methods:{
//         showName(){
//             alert(this.Name)
//         }
//     },
//     data:{
//         x:600
//     }
// }

3.怎么应用一个混入，（一个js文件可以写多个混入，一个组件可以引入一个js里面的多个混入，也可以引入不同js里的混入）

import {hunhe} from '../mixin.js'
// import {hunhe,hunhe2} from '../mixin.js'
export default {
    name:"School",
    
    data() {
        return {
            name:"lili",
            age:12
        }
    },
    //写maxin配置项
    mixins:[hunhe]
    // mixins:[hunhe,hunhe2]
}

4.冲突处理

会将组件和引入的混合放在一起看，如果互相冲突，则取组件的内容。例如都有data中的x，则使用的是组件中的x。

特殊：如果都有mounted，则两者都保留，两个moubted都会进行

5.全局引入

在main.js文件中引入，则所有的vc和vm都可以用

标签：混入,Vue,配置,js,export,mixin,组件,hunhe
来源： https://blog.csdn.net/qq_36582776/article/details/121220482