欢迎来到 宁波市某某化工涂料销售部
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:宁波市某某化工涂料销售部  更新时间:2024-05-03 21:03:41

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


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


友情链接英雄联盟无法连接到服务器怎么办本周网页游戏开测推荐(10月31日-11月6日)极品飞车15修改器工具原创论战士是怎样被8码虐死,《魔兽世界》怀旧棒老三的癫疯插旗赛原神渔获的获取方式魔兽世界怀旧服史诗武器大全 全史诗武器效果介绍 大元帅的手杖问道:1.74贴心小知识 帮派挑战 & 竞速模式《王者荣耀》关羽怎么出装 2021一万伤害最强六神装顺序琴瑟仙女新手出装 lol琴女怎么出装加血最多天堂W装备攻略 装备搭配教学攻略魔兽世界装备幻化怎么操作?英雄联盟无法连接到服务器怎么办QQ炫舞最新称号(QQ炫舞最新称号怎么获得)《魔兽世界怀旧服》结构图血藤透镜怎么样 结构图血藤透镜介绍贤者之石起源最全攻略——无尽篇魔兽怀旧服屠魔药剂需要什么材料绝地求生加速器大全,附免费试用天数,还有免费的加速器dnf110级版本全职业加点汇总魔兽世界 60级神圣系圣骑心得(转)魔兽争霸英雄,魔兽争霸英雄介绍魔兽世界7.35恶魔术天赋加点 wow7.3.5恶魔术团本天赋加点攻略电车≠省钱,我的提车记(附砍价、验车教程)原神:龙脊雪山三个匣子最后放到哪儿?魔兽世界地理 魔兽世界地理环境魔兽世界风暴峭壁任务怎么做-风暴峭壁任务攻略s4云顶之弈羁绊,S4.5山海绘卷羁绊属性解析魔兽世界要塞系统需要准备多少金梦幻西游:召唤兽领悟技能也有技巧吗有人能控制领悟的技能类型LOL手游伊泽瑞尔出装及玩法符文技巧一览 lol手游EZ玩法攻略讲解天空卫队声望怎么冲(如何开启天空卫队的声望)魔兽6.0纳格兰新声望:考古死敌 热砂保护协会网易蜗牛读书无限会员免登录版 v1.9.19红色警戒2秘籍攻略大全魔兽世界筋斗云在哪得 魔兽世界红色筋斗云获取步骤《DNF》夜见罗刹泰波尔斯防具推荐龙之谷战士加点图怎么加(龙之谷战士培养技巧)《DNF》2023中秋节礼包徽章光环装扮介绍不能错过的“小糖豆” 一口一个爆炸甜!第五章 科技与生活知识 综合测试魔兽世界有什么术语简称吗?
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.2549

Copyright © 2024 Powered by 宁波市某某化工涂料销售部   sitemap