Vue 混合

混合
    分布式复用。混合对象可以包含任意组件选项，以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。

• 选项合并
  1. 同名钩子函数将混合为一个数组，都将被调用。
      混合对象的 钩子将在组件自身钩子 之前 调用 
  2.值为对象的选项，例如 methods, components 和 directives，将被混合为同一个对象
     两个对象键名冲突时，取组件对象的键值对。
  注意： Vue.extend() 也使用同样的策略进行合并。
  

  var mixin = {
    methods: {
      foo: function () {
        console.log('foo')
      },
      conflicting: function () {
        console.log('from mixin')
      }
    }
  }
  var vm = new Vue({
    mixins: [mixin],
    methods: {
      bar: function () {
        console.log('bar')
      },
      conflicting: function () {
        console.log('from self')
      }
    }
  })
  vm.foo() // -> "foo"
  vm.bar() // -> "bar"
  vm.conflicting() // -> "from self"

• 全局混合
  注意使用！ 一旦使用全局混合对象，将会影响到 所有 之后创建的 Vue 实例。
  使用恰当时，可以为自定义对象注入处理逻辑。
  

   

• 自定义选项混合策略
  自定义选项将使用默认策略，即简单地覆盖已有值。
  让自定义选项以自定义逻辑混合，可以向Vue.config.optionMergeStrategies 添加一个函数：
  
  

  https://cn.vuejs.org/v2/guide/mixins.html#全局混合