Vue3 mixin 选项混入 “混合“

一个 mixin 对象可以包含任意组件选项。
所有 mixin 对象的选项将被“混合”进入该组件本身的选项。

提高组件 选项api 的复用
规则:

  • mixin会在前面执行
  • 属性冲突时会被覆盖

vue3 更推荐 组合api

全局 mixin

app.mixin({···})
const app = Vue.createApp({
  mixins: [myMixin] // myMixin is configObj
})

一旦使用全局 mixin,它将影响每一个之后创建的组件

自定义选项合并策略

app.config.optionMergeStrategies中添加一个函数(函数名为选项名)
接收mixin选项和组件选项上定义的值,分别作为第一个和第二个参数
正常mixin被覆盖 return second || first
可以修改为mixin优先应用 return first || second

posted @ 2021-08-06 16:22  海胆Sur  阅读(40)  评论(0)    收藏  举报  来源