Vue mixin混合的使用介绍

一；定义：把各组件共用的配置（data数据，methods方法，生命周期等）提取成一个混入对象（单独书写在一个mixin.js的文件中），减少重复性代码，方便维护。

二；创建mixin：

创建 mixin.js文件，在里面书写各组件共用的内容（data数据，methods方法等），然后export暴露出去，让需要使用这些共用方法的组件可以 import 引入。

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

三；使用mixin

（1）局部使用 mixin ：

在需要使用mixin中共用数据/方法的组件中，通过 import 引入 mixin.js文件，在通过vue中的配置项 minxins 注册。

<