首页 > 技术文章 > mixin混入

gimi9527 2020-09-21 03:27 原文

mixin混入

基础的

  • 这些选项将以恰当的方式进行“合并”
  • 混入对象的钩子将在组件自身钩子之前调用。
  • 同名的,当前组件覆盖混入的

全局混入

  • 谨慎使用全局混入,因为它会影响每个单独创建的 Vue 实例 (包括第三方组件)。大多数情况下,只应当应用于自定义选项,就像上面示例一样。推荐将其作为插件发布,以避免重复应用混入。
// 必须在 new Vue之前调用
Vue.mixin({
  created: function () {
    ...
  }
})
new Vue({
  render: h => h(App)
}).$mount('#app')

自定义选项合并策略

推荐阅读