vue.js - 来自 Vue mixins 和 Vuex 的输出文件的大小

Question

我有一个关于 Vue mixins的文档的问题。Vue 是否在 mixins 和组件之间组合代码？

关于文件大小，view1 和 view2 使用 view1 中的 foo()、boo()、bar() 方法和 view2 中的 foo()、boo()、koko() 方法会在构建后变得更大吗？也就是说，vue转译后是否将mixin的代码单独注入到所有视图中？？如果是这样，如果很多视图都使用相同的 mixin 来获得更小的输出大小，那么使用 Vuex 会更好吗，因为 Vuex 是一个全局对象？

// mixin.js
var mixin = {
  methods: {
    foo: function () {
      console.log('foo')
    },
    boo: function () {
      console.log('boo')
    }
  }
}

// view1.vue
var vm1 = new Vue({
  mixins: [mixin],
  methods: {
    bar: function () {
      console.log('bar')
    },
  }
})

// view2.vue
var vm2 = new Vue({
  mixins: [mixin],
  methods: {
    koko: function () {
      console.log('koko')
    },
  }
})

标签： vue.jsvuejs2vuex