vue的学习笔记：mixins（混入）的注意事项

1 mixins什么时候用

当组件有很多相同的配置项就可以用混入

2 当mixins的配置项与引入mixins的组件产生冲突时

2.1 mixins的生命周期函数与组件的生命周期函数冲突

此时两个生命周期函数共存都会被调用，mixins的生命周期函数会被先调用

2.2 mixins的配置项（除去生命周期函数，如data，methods中的函数）与组件冲突

此时会保留组件的配置项

3 使用

3.1 局部混入

1.构建mixins的js文件
2.在mixins的js文件中写配置项

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

3.在相应组件中引入
4.mixins:[‘引入的名字’]

3.2 全局混入(所有的组件和vm就都会有了)

1.构建mixins的js文件
2.在mixins的js文件中写配置项
3.在main.js中引入
4.Vue.mixin(xxx)