欢迎来到 汕尾市某某生物科技维修网点
全国咨询热线:020-123456789
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
VUE前端编程:浅谈VUE的复用机制有哪些?
  来源:汕尾市某某生物科技维修网点  更新时间:2024-04-28 18:04: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未精炼的念气结晶怎么得 DNF巨龙地下城改版详情未上锁的房间通关攻略介绍《DNF》2020混沌魔灵附魔搭配洛奇英雄传杖娘怎么加点奥拉星万灵王打法详解DNF自制史诗武器推荐 有了这些武器够你炫耀的了【哥们网·仙域】7月15日 奇珍妙品发布时间:2020-07-15《魔兽世界:熊猫人之谜》常见问题及解答烈焰手游私sf无限元宝王者荣耀关羽3V3攻略 关羽3V3出装连招及阵容推荐DNF装备相同情况下 你的面板为何比别人低一万幻塔班吉斯避难所宝箱位置大全 幻塔班吉斯避难所宝箱在哪里DNF魂异界黑色大地怎么打 DNF里的E2E3都怎么打要详细攻略lol12.16版本打野狼人玩法出装推荐DNF:团本大多数剑魂,没按流心丢一觉,是不知道还是懒得按?dnf金币上限怎么提升12亿联盟游戏里怎么回复好友 LOL游戏内与好友聊天的方法超级好玩的苹果手机游戏2022推荐榜Top10抵抗之靴的韧性效果可以减少达摩二技能的破甲buff持续时长吗? 夫子的进阶试炼答案《魔兽世界》8.3羊驼怎么获取 羊驼获取方法暗黑破坏神1 中文版无双王者多少星才能上荣耀王者(王者荣耀S26赛季新增段位机制详解)DNF男圣职者职业推荐DNF泰波尔斯怎么进攻略 详解单人和组队有什么不同DNF国服917阿修罗改版加点 改版后阿修罗伤害测试摩尔庄园手游建筑师资格考试答案是什么 考试答案一览《魔兽世界》暗夜精灵玩什么职业好?暗夜精灵种族资料特长详解魔兽怀旧服wlk 绝版套装获取我的世界超大别墅代码,别墅种子代码大全别墅种子分享剑网3花萝校服实装图赏 万花萝莉门派套展示《和平精英》若若语音包公测时间一览 若若语音包如何获取吞食天地攻略详细图文讲解 隐藏物品介绍表及难点解析tbc主打pvp玩什么职业天涯明月刀OL教你如何用微信解除QQ绑定[海加尔峰]3号--卡兹洛加尔攻略《阴阳师百闻牌》年兽卡组怎么玩 年兽打法讲解周末聚会不再玩手机,有趣好玩的小游戏让你high不停!欢庆《魔兽世界》十七周年,11月15日至12月6日,登录“暗影国度”就能获得《魔兽世界》十七周年成就梦幻西游:新出140全服第一四伤害百万戒指 老哥套路撩妹结局悲剧
联系我们

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

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.2281

Copyright © 2024 Powered by 汕尾市某某生物科技维修网点   sitemap