1，分别暴露
export  前边写

2，统一暴露
export {school}
最后,写

3，默认暴露
export default school
最后写

使用方法：
import {mixin} from './mixin/'
mixins: [mixin]

复用组件中都在用的配置。

如果多个组件都有在用同一个配置。

那就可以使用 minxin混入。

分为：

1局部混入 写在组件中的混入

2全局混入 写在App.vue中的混入。

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)


//创建vm
new Vue({
	el:'#app',
	render: h => h(App)
})

mixin.js

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

在组件中，使用 mixin 混入或混合 引入
import {mixin} from '../mixin';

import {mixin2} from '../mixin';

在App.vue中混入
Vue.mixin(hunhe)
Vue.mixin(hunhe2)

在组件中的使用方法如下：
mixins:[hunhe]

mixins:[hunhe,hunhe2]

App.vue

<template>
	<div>
		<School/>
		<hr>
		<Student/>
	</div>
</template>

<script>
	import School from './components/School'
	import Student from './components/Student'

	export default {
		name:'App',
		components:{School,Student}
	}
</script>

components/School.vue

<template>
	<div>
		<h2 @click="showName">学校名称：{{name}}</h2>
		<h2>学校地址：{{address}}</h2>
	</div>
</template>

<script>
	//引入一个hunhe
	// import {hunhe,hunhe2} from '../mixin'

	export default {
		name:'School',
		data() {
			return {
				name:'尚硅谷',
				address:'北京',
				x:666
			}
		},
		// mixins:[hunhe,hunhe2],
	}
</script>

components/Student.vue

<template>
	<div>
		<h2 @click="showName">学生姓名：{{name}}</h2>
		<h2>学生性别：{{sex}}</h2>
	</div>
</template>

<script>
	// import {hunhe,hunhe2} from '../mixin'

	export default {
		name:'Student',
		data() {
			return {
				name:'张三',
				sex:'男'
			}
		},
		// mixins:[hunhe,hunhe2]
	}
</script>