javascript - 为什么挂载在 Vue 插件或 Mixin 中会工作多次？

Question

为什么它会重复自己以及如何防止它并使其只发生一次？是虫子吗？在插件中：

const globala = {
  install(Vue) {
    Vue.mixin({
      mounted() {
        console.log('hi')
      }
    })
  }
}

在这里只是混合：

Vue.mixin({
  mounted() {
    console.log('hi')
  }
})

Answer 1

mixin 可以是全局的，也可以是组件本地的。如果全局定义它，它将应用于之后创建的每个组件：

Vue.mixin({
  mounted() {
    console.log('hi')
  }
})

如果您在本地定义它，它将仅适用于您手动添加它的组件：

const myMixin = {
  mounted() {
    console.log('hi')
  }
}

new Vue({
  el: "#app",
  mixins: [myMixin] // Only added to this component
});

您已经定义了一个全局 mixin，因此之后创建的每个组件都将实现该mounted钩子。