欢迎来到 白山市某某电子科技有限责任公司
全国咨询热线:020-123456789
联系我们

地址:联系地址联系地址联系地址

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:白山市某某电子科技有限责任公司  更新时间:2024-04-28 05:24:46

VUE前端编程:浅谈VUE的复用机制有哪些?

复用思想是端编的复软件编程的核心理念之一 ,在OOA&OOD的程浅编程环境下 ,复用的用机主角是继承和接口,在VUE里,端编的复又有哪些机制可以帮我们实现复用的程浅目的呢 ?


Extends(扩展)

Extends是一种继承 ,定位于组件在某个基础能力上分层进行扩展,用机就像串糖葫芦一样A扩展成B  ,端编的复B扩展成C ,程浅比如士兵的用机刀,最基础的端编的复是一把普通刀 ,为了提升战力,程浅可以加上钛合金进行升级;如果还不满足,用机则可以淬上剧毒,端编的复这个过程一直是程浅围绕刀这个事物根据不同的需求进行战斗力方面的定向扩展。


VUE前端编程	:浅谈VUE的复用机制有哪些?

扩展本质上是“是”什么的逻辑 ,比如上例中淬毒刀仍是合金刀 、合金刀依然是刀 。实际编程过程中 ,需要进行对组件进行抽象到具体逐级分层 ,单向分层增强能力 ,但本质上不改变基础组件性质的场景  ,可以用Extends 。Extends是纵向化的能力管理方案,讲究的是垂直和深度 。


Mixins(混入)

混入可以理解为一种装配,定位于组件因实际需要而混搭多项能力而快速成型。还举士兵的例子  ,混搭就像士兵为了增强防御 ,为自己配备了一个头盔、一副铠甲、一双战靴,从而由三个不同的部件完成了一个防御体系的搭建 。


VUE前端编程	:浅谈VUE的复用机制有哪些?

混入本质上是“有”什么的逻辑  ,比如上面的战甲,就有头盔 、铠甲 、战靴三个部分。在实际编程过程中,需要进行多组件协同,以完成组件的特定业务能力的装配时 ,可以用Mixins  。Mixins是横向化的能力升级方案 ,讲究的是横向覆盖宽度。


Slot(插槽)

个人而言  ,Slot功能是VUE中我最喜欢的功能特性  ,它提供了这样一种能力 :父组件可以以一种摆花瓶的视角看待设置了Slot的子组件,什么意思?就是子组件通过设置Slot ,它的结构可以被形象的理解为被分解成两部分:花瓶本身和所插的花 。



VUE前端编程:浅谈VUE的复用机制有哪些?


从复用的角度看,Slot可以将对花的管理抽象成子组件 ,也就是花瓶,而父组件可以把不同的花插入花瓶中把花管理起来  ,这在做内容分发场景中会有极大的便利,内容分发中心可以非常自然的把内容分发具备多个插槽的各子组件中,并由子组件完成内容的布局安排等  。


事件机制

骤然看到事件大家可能觉着和复用没有关系,但是 ,想想实现复用的最强原则 :高内聚、低耦合  ,你就会发现事件机制是组件实现高内聚、低耦合的不二之选。VUE中有数据在不同层级组件间的传递方式,父传子用属性(Props),子传父用事件(Events) ,兄弟互传用状态仓库或者事件总线(EventBus)。


VUE前端编程
�:浅谈VUE的复用机制有哪些
?

观察者模式是事件驱动的典型场景


事件机制处理组件传递消息的好处是完全解耦了目标组件 ,并以自然和易于理解的机制建立了数据联系,并便于后续的数据再管理 ,如在数据传递链路上加入安全、规则约束等。


用好以上4种机制的前提 ,是系统在设计层面要进行适当的业务分层设计和维度规划 ,对不同视角所采用的处理策略,要运用不同的工具来完成,只有这样 ,才可以最大化的实现复用效果,在降低成本的同时,设计出优雅的代码 。


VUE前端编程�:浅谈VUE的复用机制有哪些?


今天主要从逻辑层面介绍了一下复用可用的工具 ,没有上具体代码 ,大家对其中的点感兴趣 ,可随时和我交流 ,一起成长进步 。


友情链接DNF手游泰拉石是共享的吗 泰拉石共享方法介绍魔兽世界:TBC幻化出,这些装备价格就飞涨,都是幻化的极品阴阳师ssr召唤图案,连接星星召唤SSR图案魔兽怀旧服80级猎人属性怎么加-80级猎人属性加点推荐黄忠进阶教学二之国2全主线/支线流程图文攻略 二之国2全收集攻略 第九章支线51:幸运女神迷你世界激活码大全 迷你世界激活码大全2021阴阳师2021.2.1地域鬼王条件图文介绍 阴阳师荒川百战副本打法教程攻略魔兽争霸3火影忍者羁绊7.05攻略魔兽争霸3冰封王座地图包大全(700张好玩RPG地图)英雄联盟魂锁典狱长锤石s12出装顺序推荐攻略魔兽世界美酒节奖币在哪里换东西 美酒节奖币兑换地点一览英雄联盟s12殇之木乃伊阿木木出装天赋推荐魔兽世界跳跳防掉线怎么用魔兽世界wlk怀旧服惩戒圣骑士野外升级天赋推荐2022龙之谷手游战神二转技能怎么加点 龙之谷手游战神二转技能加点推荐赛尔号SPT boss系列(10)帕诺星系斯诺星SPT——魔狮迪露&衍生形态狂狮迪卡魔兽争霸补丁大全- 魔兽争霸各版本补丁-魔兽争霸补丁下载魔兽世界部落如何交易金币「魔兽世界部落如何交易金币的」魔兽世界怀旧服祖尔格拉布战士装备有什么 祖尔格拉布战士掉落装备一览魔兽玩家八卦杂谈:那些似曾相识的魔兽建筑元素魔兽世界太阳井小怪掉落一览表(魔兽怀旧服死亡飞刀哪里出)魔兽沙塔尔天空卫队声望攻略及奖励物品 声望速刷方法详解魔兽世界:怀旧服你有留意那些加了特效的武器吗?英雄联盟手游惩戒之箭韦鲁斯技能强吗 维鲁斯介绍魔兽世界怀旧服WLK感激之情任务攻略《英雄联盟》S11阿木木怎么出装 S11阿木木最新出装攻略魔兽世界:燃烧的远征中,为什么血精灵没有战士职业呢?魔兽世界国际服亚服/台服/国际服延迟高、卡顿、加载不出来怎么办解读山地车车身结构 | 野人部落魔兽世界: 刷副本必须了解的几件事, 小白和回归玩家周知!造梦西游3修改器大全,造梦西游3怎么修改宠物技能胡莱三国联盟战争终极规则大揭秘(战后奖励明细)魔兽世界纳格兰任务在哪接 纳格兰任务接取位置分享龙之谷手游剑皇刷图加点 剑皇刷图技能怎么加点王者荣耀至尊宝什么时候返场 至尊宝最新返场时间2023魔兽世界美酒节商人在哪 wlk美酒节商人位置一览双重觉醒 金秋豪情魔兽世界怀旧服附魔图纸掉落大全重楼战力表(重楼武力值)
联系我们

地址:联系地址联系地址联系地址

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.3708

Copyright © 2024 Powered by 白山市某某电子科技有限责任公司   sitemap