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组件要使用的话

<script>
引入该文件
    import {mixin,mixin1} from '../mixin'
    export default {
        name:'MySchool',
        data() {
            return {
                name:'广州应用科技学院',
                address:'广州'
            }
        },
　　　　在这接收想要的配置
        mixins:[mixin,mixin1]
        

    }
</script>

标签：混入,vue,name,mixin1,js,export,mixin,组件
来源： https://www.cnblogs.com/wang312/p/16078796.html