官网解释:
mixins 选项接受一个混合对象的数组。
Mixin钩子按照传入顺序依次调用,并在调用组件自身的钩子之前被调用。
我理解mixins类似于继承.
在js文件里面使用mixins继承一个vue
//systemMessageList.js
import EntityList from 'src/pages/template/EntityList.vue';
export default {
mixins: [EntityList], //继承了EntityList.vue,路由跳转到/system-message-list,就用EntityList.vue渲染该页面.
methods: {
// 这里可以根据需要重写EntityList.vue里面的方法或者添加字节的方法
}
}
// route.config.js
{
path: '/system-message-list', name: 'systemMessageList',
component: systemMessageList
},
在vue(组件)文件里面使用mixins继承一个vue
不会继承template内容.需要自己写.
mixins当然也可以是一个js文件