欢迎来到 河北某某高温材料客服中心
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:河北某某高温材料客服中心  更新时间:2024-05-08 21:28:22

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的复用机制有哪些	?


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


友情链接LOL9.6五大位置上分英雄推荐 盲僧制霸路人局天堂W手游官网闪光点阴阳师极地域鬼王单体怪怎么打 单体怪通用打法仙剑奇侠传4西山居最新版本v2.4.264 安卓版DNF女圣职者哪个刷图快 女圣职者转职推荐梦塔防太史慈技能分析及实战评测奇迹暖暖月下翩跹舞第四关漫画的灵感顶配攻略Q_MDNF001-2020家庭浓缩植物营养液.pdf口袋妖怪绿宝石性格表怎么看?【110版本:职业百科】COLG全职业百科一一战斗法师(更新至神界版本),沃特碧们的Colg,DNF地下城与勇士《英雄联盟手游》灯谜答案大全2023全面坦克模拟器手机版全面坦克模拟器手机版如何评价 Taylor Swift 的第六张录音室专辑《reputation》?国产解谜游戏《迷失岛4:小屋实验》将于2024年1月发售LOL亡灵战神赛恩进阶教程 亡灵战神偷塔流出装iphone竞技手游排行榜坦克世界闪击战九游版地下城与勇士 决斗场讲解为什么中端安卓平板普遍选择骁龙870,就不能用骁龙888吗?守望先锋2免费吗 守望先锋2售价介绍《NBA 2K13》球员基本属性解读 PC版天赋技能效果注解 31种模板技能搭配受大行动消息影响,CSGO探员价格全线走低魔兽世界wlk奥格瑞玛怎么去卡拉赞《魔兽世界》屠魔药剂介绍DNF个人70级刺客加点魔兽世界wlk前夕猎人天赋怎么点 wowwlk前夕猎人天赋怎么选体育游戏教案《魔兽世界》屠魔药剂介绍安卓11data和QQ闪照破解曹五木评||还叫悟空《恰卜恰》(组诗)如果3月6日嘉然生日回没有拿到万舰,会不会引发第三次世界大战?《DNF》养女儿的细节攻略大全 DNF数字解密答案不节食的减肥方法 2个不节食的减肥方法DNF100级史诗套怎么做【考古大作战】——奥丹姆深度游攻略修罗技能加点 dnf110级阿修罗技能加点《羊了个羊》今日攻略3.9 3月9日羊羊大世界和第二关怎么过英雄联盟s12赏金猎人怎么出装原神雪葬的星银怎么获得 雪葬的星银获取方法攻略
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.261

Copyright © 2024 Powered by 河北某某高温材料客服中心   sitemap