欢迎来到 青海某某物流厂
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:青海某某物流厂  更新时间:2024-05-05 18:10: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的复用机制有哪些�?


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


友情链接有什么适合幼儿园小孩看的动画片?梦幻西游:天科组玩家秀奇异的星辰碎片奖励,2本戒指书爽歪歪!时空之轮25攻略最强,时空之轮幸福有什么专属武器如何评价新版电影《小丑回魂 It (2017)》?dnf70漫游加点(地下城漫游加点最新)战斗之心攻略骑士,战斗之心传承狂战士有哪些技能 技能推荐剑三玩万花是怎样一种体验?小块魔光碎片合成大块 大块强光碎片分解什么出玩什么腾讯游戏qq号增加信誉分,玩什么QQ游戏可以得到积分《光遇》周年庆帽子兑换图一览2023年03月河南安阳市安阳县公开招聘事业单位工作人员14名笔试历年常考点试题甄选答案详解.docxDNF数字解密答案2.12 数字解密2月12日答案_dnf数字解密答案攻略LOL奥莉安娜发条魔灵,LOL游戏人物,LOL游戏角色战士暴力破解安卓指纹,无视锁定机制,最快40分钟:腾讯、浙大新研究那些去掉“H”也能很好玩的“黄油”「无尽之剑2攻略」无尽之剑2攻略关于合金装备崛起复仇闪退问题求大佬帮忙解决出出办法?剑网三和魔兽世界的差距和不同体现在哪几个方面?dnf白兔子多少钱一个,dnf2021白兔子涨价了放下护肩立地成神 TB1改版后剑神PVE向百科梦幻西游:新区快速升级攻略,从0到60级,仅需3小时!有哪些变态版手游app平台推荐 十大变态手游app排行DNF金秋礼包道具价值分析 传奇之稀有装扮超越神器装扮dnf强烈的气息怎么获得放下护肩立地成神 TB1改版后剑神PVE向百科魔兽世界TBC:这些任务一定要在升级路上做完,满级就能冲进KLZ天天新动态:脉冲充电器能修复电瓶吗?脉冲充电器和普通的区别吞食天地1全流程攻略大全(最详细全面的游戏攻略分享)刀剑神域无限时刻下载欢迎来到暗月马戏团 赶快行动试试你自己的运气未上锁的房间3隐藏结局攻略(room3四种结局完整图文教程)暗黑破坏神2中文1.13c完美珍藏版全职高手荣耀赛尔号星球大战雷伊怎么召唤 赛尔号星球大战雷伊召唤方法介绍炉石传说砰砰计划所有新卡评分 砰砰计划新卡评价分析 潜行者篇:实验室招募员新版乌迪尔怎么玩 lol新版乌迪尔玩法攻略最佳音乐游戏相似游戏下载预约S11赛季海兽祭司俄洛伊克制哪些英雄 为什么 俄洛依的天赋问道手游灵海残卷怎么得?
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.1887

Copyright © 2024 Powered by 青海某某物流厂   sitemap