uniapp 混合mixins和继承extends详解
1. uniapp 混合mixins和继承extends详解vue提供了mixins、extends配置项。混合mixins和继承extends其实两个都可以理解为继承mixins接收对象数组可理解为多继承extends接收的是对象或函数可理解为单继承。uniapp中的extends用于单继承优先级高于mixins常用于创建派生组件或复用基础逻辑。官方文档https://uniapp.dcloud.net.cn/tutorial/vue3-api.html#%E9%80%89%E9%A1%B9-%E7%BB%84%E5%90%88官方文档https://cn.vuejs.org/api/options-composition#extends1.1. 继承钩子函数1.1.1. 示例constextend{created(){console.log(extends created)}}constmixin1{created(){console.log(mixin1 created)}}constmixin2{created(){console.log(mixin2 created)}}exportdefault{extends:extend,mixins:[mixin1,mixin2],name:app,created(){console.log(created)}}控制台输出extends created mixin1 created mixin2 created created1.1.2. 结论1优先调用mixins和extends继承的父类extends触发的优先级更高相对于是队列2push(extend, mixin1, minxin2, 本身的钩子函数)3经过测试 watch的值 继承规则一样。1.2. 继承methods1.2.1. 示例constextend{data(){return{name:extend name}}}constmixin1{data(){return{name:mixin1 name}}}constmixin2{data(){return{name:mixin2 name}}}// name nameexportdefault{mixins:[mixin1,mixin2],extends:extend,name:app,data(){return{name:name}}}// 只写出子类name mixin2 nameextends优先级高会被mixins覆盖exportdefault{mixins:[mixin1,mixin2],extends:extend,name:app}// 只写出子类name mixin1 namemixins后面继承会覆盖前面的exportdefault{mixins:[mixin2,mixin1],extends:extend,name:app}1.2.2. 结论1子类再次声明data中的变量都会被重写以子类的为准。2如果子类不声明data中的变量将会最后继承的父类为准。3经过测试 props中属性 、 methods中的方法 和 computed的值 继承规则一样。1.3. mixins、extends、extend1.3.1. mixins调用方式: mixins: [mixin1, mixin2]是对父组件的扩充包括methods、components、directive等。。。触发钩子函数时先调用mixins的函数再调用父组件的函数。虽然也能在创建mixin时添加data、template属性但当父组件也拥有此属性时以父为准从这一点也能看出制作者的用心扩充。data、methods内函数、components和directives等键值对格式的对象均以父组件/实例为准。1.3.2. extends调用方式: extends: CompA同样是对父组件的扩充与mixins类似但优先级均次于父组件。1.3.3. extend扩展组件的构造器。当我们调用vue.component(‘a’, {…})时自动调用。值得注意的是extend内的data为一个函数。
相关新闻
2026/6/28 3:35:19
vibe coding（二）Where you go：一个微型 windows 桌面覆盖工具
用时：不到两小时。配置：Claude code 接 dsV4-flash花费：0.59￥，换算约 1400 万 token。（功能简单有了经验，第一次 plan 就完成了绝大部分内容。）成果：一个 5 MB 的微型 ex…
阅读更多
2026/6/28 3:35:19
BMAD Story Automator 上手实录：把 5 个待办 Story 交给 AI 自主推进
顾总结。真正让人疲惫的，不是某一步本身，而是你要不断盯着流程、切换会话、处理失败、决定下一步。Story Automator 想解决的，就是这层“人肉编排”。昨晚我实际跑了一遍 /bmad-story-automator 的完整流程。下面就是这次使用过程的记录&…
阅读更多
2026/6/28 3:35:19
PHP周刊2026W26 | Laravel 13.15.0发布、Composer安全风险预警、Symfony 8.1图片输入、Laravel-Lang包攻破、Laracon US 2026嘉宾公布
本周PHP生态动态丰富：Laravel 13.15.0发布类型化翻译访问器等新特性，Symfony 8.1引入控制台剪贴板图片输入，Composer安全风险引发关注，Laravel-Lang包遭攻破事件敲响警钟。此外，Laracon US 2026公布完整演讲阵容&#…
阅读更多
2026/6/28 5:30:24
【招聘】招聘方法| 招聘是一场多线程战争
招聘方法| 招聘是一场多线程战争 ——论渠道、搜索词、目标公司与原子化操作的并发艺术文 / 猎头江湖 Chandler有一种HR，每次招不到人，第一反应是：“这个岗位太难招了。”还有一种HR，同样的岗位，两周出候选人。 区别不…
阅读更多
2026/6/28 5:30:24
STM32基于MX的CH455硬件IIC驱动
ch455官方提供的示例代码是51单片机的io模拟iic，地址如下： CH4XXEVT.ZIP - 南京沁恒微电子股份有限公司 但是处于效率原因，还是希望使用单片机本身的硬件IIC来与ch455通信。 首先我们先了解ch455时序 STM32CubeMX部分配置 下面是ch455的驱…
阅读更多
2026/6/28 5:30:24
天梯赛考点总结
自用：刷题过程中的总结Dijkstra 算法 链表 多维背包 二叉搜索树 集合 树的遍历 并查集 最长回文子串 模拟结构体排序 并查集 二叉树遍历 小根堆 动态图连通性分析（图的遍历） 贪心二分 排序 图的遍历 贪心排序 大模拟 集合排序 树的遍历 排序 …
阅读更多
2026/6/28 5:30:24
大数据相关专业哪个就业面最宽？
大数据相关专业就业面最宽的领域大数据领域的核心专业包括数据科学、数据分析、大数据工程、人工智能等，其中数据分析和数据科学的就业面最宽，覆盖金融、电商、医疗、政府等多个行业。无论是技术岗（如数据工程师）还是业务岗&#…
阅读更多
2026/6/28 5:30:24
MiniSpring框架学习笔记-JDBC 访问框架： MiniBatis如何将 SQL 语句配置化？
MiniSpring框架学习-JDBC 访问框架： MiniBatis如何将 SQL 语句配置化？15. MiniBatis：如何将 SQL 语句配置化？一、先用 MyBatis 建立直觉二、先看最终使用方式三、SQL 放到 Mapper XML四、MapperNode：XML 中一条 SQL 的…
阅读更多
2026/6/28 5:25:24
激光测平仪常用的型号有哪些？激光测平仪常用型号及选型参考
激光测平仪常用型号及选型参考随着国内风电产业向大兆瓦、大直径方向升级，塔筒、叶片、轮毂等核心部件的法兰平面度检测对设备精度、智能化要求不断提高，传统人工检测方式在效率和精度上存在一定局限。青岛纵横仪器有限公司深耕工业检测仪器行业近20年&a…
阅读更多
2026/6/28 0:00:06
AI Coding 六个月真实ROI账本：产品经理的血泪教训，研发的冷静忠告
6个月前的2025年12月，Boris Cherny 公开宣布自己卸载了 IDE。一时间，Vibe Coding 成了全行业最热的话题。6个月后，当我们回过头来拉一份真实账本，发现事情远没有"一句话生成一个App"那么浪漫。本文从产品经理和研发两个…
阅读更多
2026/6/28 0:00:06
审计来了，数据权限全开——审计走了，怎么确保权限全部关掉？
引言：审计结束三个月了，审计员的权限还没关某城商行每年按照监管要求开展至少一次数据安全审计。审计期间，内审部门需要抽样检查各类业务数据——交易流水、客户信息、员工操作日志、权限配置记录。这些数据分布在不同系统中，审计…
阅读更多
2026/6/28 0:00:06
AI Coding 六个月真实ROI账本：产品经理的血泪教训，研发的冷静忠告
6个月前的2025年12月，Boris Cherny 公开宣布自己卸载了 IDE。一时间，Vibe Coding 成了全行业最热的话题。6个月后，当我们回过头来拉一份真实账本，发现事情远没有"一句话生成一个App"那么浪漫。本文从产品经理和研发两个…
阅读更多
2026/6/28 0:00:06
审计来了，数据权限全开——审计走了，怎么确保权限全部关掉？
引言：审计结束三个月了，审计员的权限还没关某城商行每年按照监管要求开展至少一次数据安全审计。审计期间，内审部门需要抽样检查各类业务数据——交易流水、客户信息、员工操作日志、权限配置记录。这些数据分布在不同系统中，审计…
阅读更多