Skip to content

mixin

提供局部混入和全局混入的方法,使组件的功能可复用。

本身就是一个对象,可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入进入该组件本身的选项。

全局混入

js
Vue.mixin({
  created: function () {
      console.log("全局混入")
    }
})

局部混入

js
var mixin = {
  created: function () {
      console.log("局部混入")
    }
}
new Vue({
  mixins: [mixin]
})

结论

  • 替换型策略有props、methods、inject、computed,就是将新的同名参数替代旧的参数
  • 合并型策略是data, 通过set方法进行合并和重新赋值
  • 队列型策略有生命周期函数和watch,原理是将函数存入一个数组,然后正序遍历依次执行
  • 叠加型有component、directives、filters,通过原型链进行层层的叠加