游戏电视苹果数码历史美丽
投稿投诉
美丽时装
彩妆资讯
历史明星
乐活安卓
数码常识
驾车健康
苹果问答
网络发型
电视车载
室内电影
游戏科学
音乐整形

新指令vmemo,提高性能的又一利器

  Vue3为我们提供了几项开箱即用的重大性能改进,但也引入了一些额外的手动功能,可以帮助提高我们的应用性能。
  在这节课中,我们介绍一下,在Vue3。2中引入新指令vmemo。引入这个指令的目的是帮助我们提高中型大型Vue应用程序的性能,小项目大家根据需要自行决定。vmemo是做什么的?
  官网对vmemo定义是这样的:
  缓存一个模板的子树。在元素和组件上都可以使用。为了实现缓存,该指令需要传入一个固定长度的依赖值数组进行比较。如果数组里的每个值都与最后一次的渲染相同,那么整个子树的更新将被跳过。举例来说:
  看起来有点绕,但实际上,很好理解。vmemo所做的与我们现有的计算属性一样,只不过vmemo的对象是DOM。
  这个新指令将缓存它所控制的DOM部分,如果一个特定的值发生变化,只需运行更新并重新渲染。这些值是由我们自己手动设置。事例template。。therestofthecomponentsvgtitle{{MyValue}}title。。。svgvuecustomelement:valuemyValuevuecustomelementtemplate
  对上面解释一下:vmemo通常是作为组件的一部分来使用的,它只是影响组件dom的一个子集。
  接着,我们将vmemo分配给了一个特定的DIV和它的所有子元素。当调用vmemo时,需要传递一个值数组,以控制子树的渲染。
  数组接受一个或多个值vmemo〔valueOne,valueTwo〕,也接受像vmemomyValuetrue这样的表达。
  另外:用一个空数组调用vmemo相当于使用vonce,只会渲染该部分组件一次。svgtitle{{MyValue}}title。。。svgvuecustomelement:valuemyValuevuecustomelement
  同在看下子树的内容。在我们的例子中,使用了一个svg元素和一个自定义Vue组件vuecustomelement。这样做是为了说明一件事:vmemo包含任何元素。错误的使用方式pStaticcontent,novuevalueshere
  在上面的例子中,包含在vmemo中的子树不需要被缓存,因为它是静态的,不会改变(它不包括任何Vue变量)。Vue3会对静态进行一个提升,以便提高性能。
  在一个静态的HTML上添加vmemo是没啥作用,不管这个HTML有多复杂。管理更新
  在有些情况下,vmemo不仅可以用来提高性能,还可以通过控制组件的更新周期,实际改善UX(用户体验)。p{{field1}}p{{field2}}p{{field3}}p{{field4}}
  在上面的例子中,改变一个单独的字段,例如field1,并不会导致重新渲染。新的字段将在所有字段都被更新后显示。
  最近遇到一个情况,一个子组件会对一个大的JSON数据集进行更新和响应。在这种情况下,使用vmemo真的很有帮助,当所有的变化都完成后,就可以触发更新。与vfor结合使用
  使用vmemo的一个最常见的用例是在处理使用vfor渲染的非常大的列表时。pID:{{item。id}}selected:{{item。idselected}}p。。。morechildnodes
  如果不在上面的代码中使用vmemo,selected变量的每一次改变都会导致列表的完全重新渲染。新指令提供的缓存,允许只更新表达式item。idselected发生变化的行,也就是当某个项被选中或者取消时。
  如果我们考虑一个有1000条数据的列表。使用上述代码的vmemo,可以为每一个变化节省998个条重新渲染。无意中停止了子组件触发的更新
  我们知道vmemo会停止子树渲染更新,但需要注意的是,使用这个指令实际上会停止任何可能被更新触发的代码的执行,如watch函数等。1000〕myComponent。。。。。。。

70年代和80年代的那个时候,人们晚上是如何打发时光的?那个年代电少,偶尔来电,晚上太热,晚饭后,就到门口外面的十字街口乘凉。一条主街,和大约三十米的一个胡同形成的十字路口,这个地方是风口,只要有风就很凉快。每个路口都会有十几个人,……家用车开十年或者二十万公里,保养到位的话,还能达到新发动机百这个情况不能一概而论,使用10年或20万公里后,是否能达到新发动机90动力和油耗,跟驾驶习惯、日常保养、使用环境,以及和汽车生产厂家的制造技术等都有关系。如日系车保养得当……时机已到!长城汽车重启轿车项目胜算几何?WEY能否堪当大任?长城汽车重启轿车项目目的是为重振WEY近两年热度比较高的自主品牌不仅有主攻新能源汽车的比亚迪,成功蜕变的长安、转型受阻的吉利和依靠皮卡蹿红的长城汽车;同时还有三个子品牌,……小学生极简风姓名走红,连名带姓共2笔,班主任却叫不出口每个人都有属于自己的名字,这个名字将成为我们的代号,跟随我们的一生。当然名字也不仅仅是代号那么简单,多数人的名字还寄托了父母对他们的期望,凝聚了长辈对下一代的期许,这些来……值得喝彩!中国首次赶上美国,拥有与美国一样多的顶级科技集群文徐天民工作室李不言随着中国综合国力的不断增强,科技领域也取得了不少重大突破。我们如今经常能在各大网站上能看到中国科技领域实力不断提升的新闻,而日前世界知识产权组织发布的……宝马有哪些M运动套装车型?最帅的是哪些?随着消费者的日益年轻化,配备宝马M运动套装的车型受到车主们的广泛认可,一如奔驰提供的AMGLine以及奥迪提供的SLine,由BBA高性能车型下放的设计语言和相关配置备受追捧。……主力车型K5歇菜,经销商退网,销量甚至不及2020年,起亚怎起亚汽车销量持续下滑已成定局现代起亚回天乏术首先起亚汽车近三年的销量:2019年28。9万辆2020年24。9万辆2021年首季度36768辆起亚已经连续三年销量同……现代和起亚已经不值得买了吗?值不值得购买,看这台车品质如何,价钱如何。才能分析他值不值得购买,挨着就来很大家聊聊韩系车值不值得购买1、品质,现代集团世界排名一直很靠前,其产品质量不错,可靠性也很好。……华为总裁ampampquot任正非ampampquot对am政治家军事家是大学培养出来的吗?百万千万富翁是大学培养出来的吗?各类成功人士是大学培养出来的吗?任正非说:请收起你炫耀的高学历,大学文凭的自以为是,真的没用据权威资……CVPR2023单阶段半监督目标检测SOTAARSL本文提出了针对单阶段半监督目标检测任务的AmbiguityResistantSemisupervisedLearning(ARSL)算法,创新地提出了两个通用的单阶段半监督检测……我想买辆较好的老年代步车,请推荐?一线品牌有丽驰,御捷,雷丁。对丽驰比较了解,有几个特点还不错,一是背景雄厚,A股上市企业隆鑫通用持股51,确保了产品的正规,企业生存能力强,售后有保障。二是通过国家碰撞测……使用自动驻车功能有什么优点和缺点?自动驻车自动驻车的优点还是很多的,就我自己使用的感受,停车不用拉手刹,等红灯什么的都挺方便,倒车时候距离小,踩油门可能会没数,我一般都是手动松一下电子手刹,还有停车挂P挡……
张瑞3比1逆转张本智和妹妹,女单4强国乒占3席,袁励岑击败赵北京时间3月23日消息,2022年WTT常规挑战赛卡塔尔多哈站继续正赛阶段较量。女单14决赛,中国选手张瑞以3比1逆转击败张本智和妹妹、13岁的张本美和,晋级四强,除此之外,齐……Python小技巧学起来!如何简化大量的ifelifelse今天在Github阅读EdgeDB〔1〕的代码,发现它在处理大量if。。。elif。。。else判断的时候,使用了一个非常巧妙的装饰器。我们来看看这个方法具体是什么样的。……重磅会议定调!事关人民币汇率据中国人民银行消息,2022年9月27日,全国外汇市场自律机制电视会议召开。会议指出,今年以来人民币汇率在合理均衡水平上保持基本稳定。CFETS人民币汇率指数较2021年末基本……甜馨近照罕见曝光!穿家居风气质越来越好,搞怪表情太像贾乃亮12月21是冬至日,李小璐则是在社交平台上晒了甜馨包饺子的视频,不得不说镜头下的甜馨变化太大了,整个人也是越来越甜美,即便是穿着简单依旧是气质出众,这也让网友直呼越来越像李小璐……中印等8国面临世纪难题,青藏高原冰融化剧增,印巴却早已遭殃世界末日真的存在吗?我们常常在思考:这个世界会不会有一天真的会走向灭亡?而压垮这个世界的最后一根稻草会是什么呢?不知道大家有没有意识到,近年来的天气总是奇奇怪怪,极端天气……响亮晚报胡明轩冲上热搜巴萨宣莱万加盟李景亮TKO沙皇顶流!胡明轩连续三场后冲上热搜,上千球迷为中国男篮打分中国男篮在亚洲杯三场小组赛全部结束,取得2胜1负的战绩。他们在首场比赛中以12分的优势输给了韩国队。第二局他们以1分……沧州外援坎特中国的城市规模超乎想象中超球队水平差距不大《足球》报对于近期发挥亮眼的沧州雄狮外援何塞坎特进行了专访,在采访里坎特也提到了对于自己近期发挥和在中国生活的看法。到沧州后,你一开始是替补,怎么看待萨布利奇的安排?……很多人不知道阳气一足,血压就降,讲一方子降血压,源于实战高血压,大家都很熟悉,但是要说为什么会血压高,很多人就不知道了。也有人说,我知道,中医上说是肝阳上亢导致高血压。我笑了笑,这是知其然,不知其所以然。其实,阳气不足,也会引起高血……女人过了30岁,买面霜建议试试这5款,虽然小贵但效果看得见每到换季时,大家对于面霜的需求量就越来越大,对于面霜的护肤功效也不再只要求做好保湿锁水,希望有更加丰富的护肤效果。特别是到了30岁的皮肤状态,更希望能够在精简护肤品搭配的……成熟,从放下所谓的面子开始疫情三年,对一个人的影响是很大,很多人觉得是收入受影响。但对我来说是成长、是成熟,是开始放下面子了,做常人都做的事情开始。拼多多和阿里1688不仅仅是下沉市场用户才使用的……皮肤衰老加速,多半是因为这三事做多了,及时改,还来得及肌肤老化速度加快,大多都是由于女性日常不注重肌肤的护理。日常生活中的一些坏习惯,也会导致肌肤状态越来越差,脸上过早地长出皱纹。很多女生不知不觉中做的这些动作,也会加速皮肤的衰老……法拉第未来恢复贾跃亭的公司执行官身份IT之家3月2日消息,法拉第未来(FaradayFuture)今日宣布,经过FF董事会对公司管理组织结构的评估,批准贾跃亭与全球首席执行官陈雪峰一起,共同直接向董事会汇报。基于……
友情链接:易事利快生活快传网聚热点七猫云快好知快百科中准网快好找文好找中准网快软网