Vue中的mixin混入

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

使用方式：

        第一步：

                定义混入：mixin.js

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

        第二步：

                使用混入：

                ①全局混入：Vue.mixin(hunhe) （main.js中）

//引入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)

                ②局部混入：mixin:[ 'hunhe' ]        (组件中)

// 组件中
export default {
		name:'Student',
		data() {
			
		},
		mixins:[hunhe,hunhe2]
	}