为啥挂载在 Vue 插件或 Mixin 中会工作多次？ [关闭]

Posted 2023-02-16

【中文标题】为啥挂载在 Vue 插件或 Mixin 中会工作多次？ [关闭]

【英文标题】：Why does mounted in Vue plug or in Mixin work several times? [closed]为什么挂载在 Vue 插件或 Mixin 中会工作多次？ [关闭]

【发布时间】：2021-03-11 17:29:25

【问题描述】：

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

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

这里只是混合：

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

【参考方案1】：

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

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

如果你定义它locally，它只会适用于你手动添加它的组件：

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


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

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