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>