欢迎来到 许昌市某某信息技术有限公司
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:许昌市某某信息技术有限公司  更新时间:2024-04-29 18:01:05

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


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


友情链接DNF小知识:暗精灵遗迹卡洛夫 详细技能解说火炬之光2技能怎么重置-技能及属性点重置方法介绍DotA6.73c LoD版本(OMG)简体中文版下载QQ洛克王国――roco.qq.com英雄联盟波比的巧克力工坊价值怎么样?DNF:32开打金工作室见过吗?老板自曝一月收入就够买房首付了dnf固伤职业有哪些角色(2023固伤职业的人物角色一览)魔兽世界怀旧服史诗双手剑怎么获得 双手剑全属性效果介绍 削骨之刃dnf锻造8上锻造9会掉吗 dnf锻造攻略英雄联盟s13奈德丽怎么玩 英雄联盟豹女怎么玩某LOL区UP主恰饭外设圈,一顿乱科普加嘴硬加硬黑,玩不过就拉黑?梦幻西游望穿秋水符石组合 梦幻西游中符石组合 望穿秋水 一个号装备最多打几个dnf瘟疫之源怎么打 dnf瘟疫之源在哪gm手游平台app2021十大单机游戏大全免费下载 好玩的免费单机游戏推荐lol艾克打野出装 lol艾克打野出装顺序图修仙家族模拟器存档修改器 v1.01S24迷虫之雾赛季平衡改动s11赛季什么时候开始2023年6月26日游戏新闻男气功师刷图加点(男气功三觉刷图加点)炼金术士辛吉德上单如何对线吸血鬼符文出装推荐 英雄联盟中有哪些不为人知且有趣的冷知识lol海兽祭司教学(海兽祭祀进阶教学)黑暗之魂重制版图文攻略 地图道具+装备法术+全NPC剧情攻略 人物选择mu奇迹火龙书魔法书在哪打,奇迹mu炽炎魔的火种哪里打Steam一周新游简评:末日降临,度过危机 + 一周销量:英灵神殿七连冠金铲铲之战:卓尔九五,拿到=前三,彩色海克斯不建议玩仙剑5语音包安卓下载最适合玩家的猎人宠物 魔兽世界怀旧服猎人宝宝推荐dnf神话改版后武神神话排名一览TBC怀旧服美服竞技场S4赛季毫无征兆突然结束,暴雪:是BUG已修复英雄联盟新赛季琴女怎么出装 琴女装备推荐2024羊了个羊第三关长什么样图片 羊了个羊第三关怎么解锁刀刃交错,竟然无法炼成一粒金尘!人工合成黄金有何难处?魔兽吞食天地V1.2LOL手游蛋仔派对s11赛季什么时候开启-蛋仔派对王者荣耀“夫子的试炼”最全答案,一篇文章让你完美通关!魔兽世界WLK怀旧服:暴雪推出新版组队工具代替随机本,功能强大可实现随机组队[职业]法师最快冲到60的天赋加点方法
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.1636

Copyright © 2024 Powered by 许昌市某某信息技术有限公司   sitemap