3.3 混入

混入是在多个位置需要使用相同的代码，把相同的代码抽离出来，作为共享代码。

1. 功能：可以把多个组件共用的配置提取成一个混入对象
2. 使用方式：
   第一步定义混合：

   {
   data(){....},
   methods:{....}
   ....
   }

   
   第二步使用混入：
   全局混入：Vue.mixin(xxx)
   局部混入：mixins:['xxx']

   代码演示

   Student.vue

   在 vue 文件中应用混入，属于局部引用，那个 vue 文件需要使用就引用即可 ```vue

<a name="esEeb"></a>
### main.js
在 main.js 中配置 `Vue.mixin(hunhe)``Vue.mixin(hunhe2)`表示全局混合，所有的 vc 和 vm 都会用到混合里的属性和功能。
```javascript
//引入Vue
import Vue from 'vue'
//引入App
import App from './App.vue'
import {hunhe,hunhe2} from './mixin'
//关闭Vue的生产提示
Vue.config.productionTip = false
Vue.mixin(hunhe)
Vue.mixin(hunhe2)
//创建vm
new Vue({
    el:'#app',
    render: h => h(App)
})

mixin.js

export const hunhe = {
    methods: {
        showName(){
            alert(this.name)
        }
    },
    mounted() {
        console.log('你好啊！')
    },
}
export const hunhe2 = {
    data() {
        return {
            x:100,
            y:200
        }
    },
}

演示效果