欢迎来到 榆林市某某通信设备专卖店
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:榆林市某某通信设备专卖店  更新时间:2024-04-30 14:30:23

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


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


友情链接呆中上口里有鸡打一成语《奇迹之剑》评测:竖版挂机护肝 轻暗黑魔幻手游魔兽世界考古坐骑在哪买DIY亲子手工——磨豆浆魔兽争霸3冰封王座1.24e补丁:升级游戏体验,重塑战争平衡如何评价《博人传》青年篇鹿丸成为火影?2018dnf数字解密8月31暗号是什么 8.31数字解密正确数字答案英雄联盟左右键是什么意思,左右光标键是什么DNF:榨干搭档,拿走红字书增幅券吧,编年任务完成指南白色无机耐磨粉体白刚玉微粉 酸洗水洗高硬度耐磨梦幻密保,开通所有服务器LOL第129位新英雄烬国服即将上线,美服玩家亲测心得!《天涯明月刀》第一次技术测试告玩家书win7玩地下城提示dnf停止工作怎么办?dnf停止工作是怎么回事?网易游戏超前上线?新作格斗系网游,光测试就250w+预约?LOL9.4版本五大高胜率打野英雄介绍 狮子狗胜率飙升X-plore最全最基本使用方法!无风限删除c盘垃圾《梦幻西游》电脑版新手指南lol怎么在游戏中回复消息-两个在游戏中回复消息方法dnf110级高级炉岩碳购买方法是什么斗破苍穹二年级举一反三.pdfDNF手游新手平民称号推荐《魔兽世界》正式服:全新天赋树,闪亮登场原创索拉卡成下路新宠 电刑佐伊横空出世 韩服七大特殊套路盘点斗破苍穹异火榜排名 斗破苍穹异火盘点 主角萧炎拥有几种你知道吗大型单机游戏网站哪个好 国内最大单机游戏网站推荐《无尽之剑2》怎么加点 加点技巧介绍dnf混沌之夜怎么打(地下城与勇士放者山脉BOSS攻略)lpl阿卡丽(lpl阿卡丽绝活)《LOL》云顶之弈攻略 卢锡安出装推荐2023年2月23日——今日,“品质·信赖·向未来”惠普在中国40年系列活动启动仪式及惠普打印春季新品发布...Switch 游戏dnf装备怎么净化-净化装备方法DNF刺客异界套哪套最好全面对比解析LOL10.24版本乌迪尔终于迎来春天 一件装备引起质变766: 武侠游戏《刀剑2》试玩评测卡牌次元·第二季三国志战棋版中的太史慈,技能属性详解apez带什么天赋2023 大乱斗ez天赋和技能
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.2285

Copyright © 2024 Powered by 榆林市某某通信设备专卖店   sitemap