欢迎来到 陇南市某某环保机械设备教育中心
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:陇南市某某环保机械设备教育中心  更新时间:2024-05-07 04:06:36

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


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


友情链接光遇光头是哪个先祖毕方所至即可赤地千里 国服毕方之炎百科全书阴阳师妖狐的现世信物是什么 怎么共享妖怪线索求生之路2如何本地联机浅谈DOTA2法系影魔的玩法:你无处可藏!暗黑3金币及现金拍卖行关闭的问与答下路用他打野来抓都不怕 职业选手都用它《英雄联盟手游》5.0版本奥瑞利安·索尔先行攻略【峡谷分析师】王者龙王攻略王者荣耀:冒险模式新副本日之塔,教你快速通关启程、揭秘超级变态传奇手游一刀秒《魔兽世界》恩佐斯幻象任务:一次任务双倍提升幻塔星岛风景点位置大全 幻塔星岛五个风景点(坐标)位置分享天罡命格是好还是不好 命主有何禁忌须知魔兽世界死亡之翼坐骑获取攻略 15周年死亡之翼获取全流程分享[OL][魏传] 三国杀武将列传 恶斗卧龙之司马懿英语周报答案网初三|教改后制胜中高考语文的必杀器_《炉石传说》NGA国服周报第9期:进击的大铡蟹10款变态手游app盒子推荐_变态游戏app排行榜推荐10款变态手游app免费大全王者荣耀获得艾琳的方法 土豪都用第一种王者荣耀黄忠最佳出装搭配推荐 黄忠怎么出装第一次写学术论文无从下手怎么办?原创王者荣耀好运宝箱开启失败怎么办 好运宝箱开启失败解决方法[多图]英雄联盟什么装备单挑强,英雄联盟六神装谁单挑最厉害炉石传说战士传说武器怎么样灾厄斩杀者橙武效果有没有不热门文笔不小白的bl文?神泣 遗迹迷宫DNF15周年回归助力活动攻略-2023周年回归助力活动玩法介绍英雄联盟LOL一共几个赛区?英雄联盟LOL要新出7个装备栏?可以买七件装备是真的吗?《魔兽世界》wlk风暴峭壁任务攻略 wlk风暴峭壁任务大全《原神》元素为什么不直接用五行,金木水火土,好记又好理解,感觉现在的元素体系理解起来很麻烦?英雄联盟手游AP石头怎么玩 AP石头玩法技巧教学续三国志英杰传宝物图鉴(续新三国志英杰传图文攻略)《星之继承者》James.P.Hogan安卓破解游戏盒子大全 热门破解游戏安卓版盒子推荐致命节奏攻速流石头人天赋怎么点优选汇总51句光遇周年庆帽子在哪里 国服周年庆帽子获取攻略rangerdnf玲珑徽章打哪些在哪里 dnf玲珑双重徽章镶嵌在哪里英雄合击1.95合击高爆传奇
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.2246

Copyright © 2024 Powered by 陇南市某某环保机械设备教育中心   sitemap