欢迎来到 铁岭市某某化工涂料运营部
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:铁岭市某某化工涂料运营部  更新时间:2024-04-29 11:50:58

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


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


友情链接仅965元,搭载鸿蒙系统,最便宜的华为手机诞生可观察原理证明 有一位大能在看宇宙亚马逊美国站又要征税了!竞争激烈的卖家们如何夹缝求生?澳洲大火:平流层创30年最暖,2022年地球超50度高温!与它有关?半场已至,两轮电动车的「全面战争」研究人员开发出比猎豹跑得还快的软体机器人,未来用途广泛丹鸟改名菜鸟:一字之差能否一雪前耻适合女生的轻量安卓手机推荐-不是所有手机都是170克达尔优发布小方糖无线三模机械键盘,售价 4XX 元「小米众测」简约且优雅,米家自动免洗洗手机套装体验2022年全球100强上市公司市值排名让人深思iQOO Z6对比Redmi K40S,哪款性价比更高,一眼看懂简单图解OSI七层网络模型“全球限量版 重装概念版+EVA”——沙龙汽车成都掀起“机甲风暴”集团公司大数据平台建设方案.技术篇「PDF」比亚迪准备推出起步价百万元的高端新能源汽车品牌新能源赛道长期看好研究揭示:为什么动脑子会让你感觉到疲惫,“算”出你的疲劳指数10万以内的新能源车,为什么首选小蚂蚁?分享一个共享wifi一键连接小程序设计案例创意枯竭、韭菜穷了,2022中国手机市场真的低迷快查手机,这些App、小程序侵害用户权益中国联通控股参股公司大全5米车长620km续航,大众纯电心血之作,能不能刚蔚小理就看这把了使用OPPO手机,一定要开启的4个高效功能,好用到没话说评估美国“芯片法案”对芯片巨头英伟达和AMD造成的影响德速电商物流携手墨家科技,让跨境物流更值得信赖#问界M7交车了#,赛力斯与华为合作后,成长速度直线UP混动加持,瑞虎7 PLUS新能源官图发布令人担忧的5G网络黑客攻击周学峰:对不同类型的数据细分,在不同领域设置不同的开放原则、例外规则和实现手段燃油车心都凉了!新能源免税政策延长至2023年底盘点那些家族式设计外观的手机「小米篇」她是新崛起的芯片奇才,30岁斩获全球大奖,全世界仅有3人获得微信又添新功能,很实用丹鸟改名菜鸟:一字之差能否一雪前耻「小米众测」简约且优雅,米家自动免洗洗手机套装体验12GB+256GB+一亿像素三摄,重回2299元,从高端市场跌至中端市场践行长期主义 马上消费用科技重构消费金融新生态Web3日报 0827
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.2974

Copyright © 2024 Powered by 铁岭市某某化工涂料运营部   sitemap