vue如果想要扩展某个现有组件时怎么做？
2021-09-21 13:08:34 小于 1 分钟
# 使用Vue.mixin全局混入
混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。mixins 选项接受一个混合对象的数组。
Vue.mixin({// 全局注册一个混入，影响注册之后所有创建的每个 Vue 实例
updated: function () {
console.log("我是全局的混入")
}
})
1
2
3
4
5
2
3
4
5
mixins的调用顺序:
混入对象的钩子将在组件自身钩子之前调用，如果遇到全局混入(Vue.mixin)，全局混入的执行顺序要前于混入和组件里的方法。
# 加slot扩展
slot用来获取组件中的原内容，可以分为默认插槽和匿名插槽、作用域插槽
# 总结
- 使用mixin全局混入
- 使用slot扩展