Vue中的mixin

61 阅读1分钟

功能

mixin可以把多个组件共用的配置提取成一个混入对象。

使用方式

  1. 定义混合
{
    data(){...},
    methods:{...}
    ...
}
// mixin.js
export const mixina = {
    ...
}
  1. 使用混入
// 全局混入
Vue.mixin(xxx)

// 局部混入
{
    data(){...},
    methods:{...}
    mixins:['mixina']
}