Vue.js 混入 mixin

123 阅读1分钟

📌混入 (mixin) 可以用来配置vue组件之间重复使用的数据和函数。
下面是一个例子:

image.png

image.png

全局混入

❗请谨慎使用全局混入,因为它会影响每个单独创建的 Vue 实例 (包括第三方组件)。
大多数情况下,只应当应用于自定义选项。推荐将其作为插件发布,以避免重复应用混入。

// 在 src>main.js 中进行全局注册,不推荐使用
Vue.mixin({
  created(){
    console.log('全局init。。。');
  }
})