vue-混合-mixin

混合-mixin

• 抽出各个组件的相同的业务逻辑和数据

创建

• 创建一个mixin文件夹，在里面定义一些公用的mixin方法
• 定义
  export default {mounted(){}}

export default {
	data() {return {
		user : {name : "momo",age : 18}
	}},
	mounted() {
		console.log("组件被挂载了");
	},
	methods : {
		say() {
			alert(this.user.name + "已经" + this.user.age);
		}
	}
}

使用

• 导入，在需要使用的组件间导入公共方法或数据
  import 定义的名字 from "xxx"
• 注册
  mixins:[定义的名字]

// 导入 混合mixin
import mymixin from '@/mixin/mymixin.js';
export default {
// 注册需要的mixin，可以注册多个
	mixins : [mymixin],
	data() {return {
		user : {name : "smm",age : "18"}
	}}
}