混入(Mixin) 能让我们将同样的配置选项注入到每个实例中。

使用

  1. const mixin = {
  2. created(){}
  3. methods: {}
  4. };
  5. Vue.component({
  6. mixins: []
  7. });

选项合并

组件内的选项将会和传入的 mixin 合并 ,如果有同样的配置项,则 优先采用组件内定义的选项
mixin 中设置了周期函数时,传入的代码会优先执行。 这不难理解,因为 mixin 属于基础配置,意图就是在组件之前做一些事情。

全局混入

  1. Vue.mixin({});

自定义合并选项的策略

  1. Vue.config.optionMergeStrategies.myOption = function(toVal, fromVal) { }