欢迎来到 赤峰市某某管道防城港市
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:赤峰市某某管道防城港市  更新时间:2024-05-08 21:50:44

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


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


友情链接暗黑4公布后,暗黑三紧急打折能卖多少是多少!梦幻西游电脑版胡姬琵琶行攻略 胡姬琵琶行怎么通关DNF:超稀有的十大宠物盘点,骨灰级玩家都没见过她变身!暗黑之魂3刺客加点攻略,刺客怎么加点想收点“装机费”,游戏引擎巨头被骂惨了:王者荣耀、原神都基于它开发dnf安全系统启动中(dnf经常出现安全模式)正在阅读:我的世界1.8.1种子代码大全 我的世界种子代码分享我的世界1.8.1种子代码大全 我的世界种子代码分享“设圈”的世界:动漫一代的视觉消费LOL:舒服了,今年愚人节4款都是非限定,除了至臻摩尔庄园棉花糖怎么获得《dnf》数字解密3月答案汇总分享sf666传奇新服网 sf666传奇新服排行榜英雄联盟手游酒桶怎么出装 lol手游酒桶出装推荐以下是薇娅今晚的直播预告双刃战士无敌版坎特伯雷公主与骑士8-3通关攻略摩尔庄园烧烤拉姆制作gm版手游平台网站有哪些 最全gm版手游平台排行榜记忆游戏之动物世界相似游戏下载预约最新 | 英雄联盟lol国际服4月亚马逊礼包内容+领取方法【原】网易白金卡上线新版本:月租费最低 19 元,每月赠送音乐会员原神水月池解密攻略:水月池水位下降机关图文解密流程[多图]想收点“装机费”,游戏引擎巨头被骂惨了:王者荣耀、原神都基于它开发暗黑破坏神2人物技能模拟器(Diablo II v1.10)全角色技能计算器中文版祖格肩膀附魔哪里换(祖格肩膀附魔攻略)无限内购破解游戏大全app本周网页游戏开测推荐(5月30日-6月5日)攻略羊了个羊是骗局吗 第二关是不是死局《无尽之剑2》攻略:新手入门详细手册(三)未上锁的房间3隐藏结局攻略(room3四种结局完整图文教程)DNF110级版本刺客全方位攻略Apple授权专营店联手《蛋仔派对》打破次元壁的蛋友会塞尔达传说荒野之息原声OSTdnf流浪武士武器选择-刷图武器推荐 已解决斗战神平民职业推荐攻略,不花金币也照样高战力【原】DNF110级版本阿修罗全方位攻略内玩手游dnf手游泰拉石怎么获得 dnf手游泰拉石获取方法介绍网游史上最幸运的女玩家,与许嵩合拍MV,一夜之间成网红有哪些通过玩游戏学会了东西的例子?
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.201

Copyright © 2024 Powered by 赤峰市某某管道防城港市   sitemap