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
内容会不断更新,欢迎批评指正。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳,地球,月球 运作规律
· 上周热点回顾(3.3-3.9)