基类
export default {
name: "basePage",
created() {
console.log("baseCreated");
},
methods: {
onClick() {
console.log('baseClick');
},
}
}
子类页面
import basePage from './mixins/basePage';
export default {
mixins: [basePage],
created() {
console.log("pageCreated");
},
methods: {
onClick() {
console.log('pageClick');
},
}
}
合并规则
数据对象: 在内部会进行递归合并,并在发生冲突时以组件数据优先
同名钩子函数: 合并为一个数组,因此都将被调用。另外,混入对象的钩子将在组件自身钩子之前调用
值为对象的选项:例如 methods、components 和 directives,将被合并为同一个对象。两个对象键名冲突时,取组件对象的键值对。