1、作用/概述:mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改
2.实例:
mixins_one.js
export const mixinTest1 = {
created() {
this.hello();
},
methods: {
hello() {
console.log('mixinTest1');
}
}
};
组件引入:
test.js
import {mixinTest1} from './js/mixins_one.js';
export default {
mixins:[mixinTest1],//可以以数组的形式引入多个
name: 'hello',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
当然,test.js也可以继续被引入到另一个页面,例如:
test2.js
import {test2} from './test2.js';
export default {
mixins:[test2],//可以以数组的形式引入多个
name: 'hello',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}