vue的mixin(混入)


mixin(混入)

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

\2. 使用方式:

  (1)另起一个js文件,mixin.js。把多个组件共用的配置放入其中并暴露出来。

    mixin.js文件的代码

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

export const mixin1 = {
   data() {
       return {
           x:200,
           y:300
       }
   },
    
}

  (2)再需要用到这些配置的组件导入mixin.js文件,再接收想要用的配置,即可使用

  比如MySchool组件要使用的话

vue