当前位置:网站首页>新增指令 v-memo
新增指令 v-memo
2022-08-02 19:48:00 【大象与小蚂蚁的生活】
v-memod会记住一个模板的子树,元素和组件上都可以使用。
该指令接收一个固定长度的数组作为依赖值进行[记忆比对]。
如果数组中的每个值都和上次渲染的时候相同,则整个子树的更新会被跳过。
即使是虚拟 DOM 的 VNode 创建也将被跳过,因为子树的记忆副本可以被重用。
因此渲染的速度会非常的快。
需要注意得是:正确地声明记忆数组是很重要。
开发者有责任指定正确的依赖数组,以避免必要的更新被跳过。
<li v-for="item in listArr" :key="item.id" v-memo="['valueA','valueB']">
{
{
item.name }}
</li>
v-memod的指令使用较少,它的作用是:缓存模板中的一部分数据。
只创建一次,以后就不会再更新了。也就是说用内存换取时间。
边栏推荐
- Silver circ: letter with material life insurance products should be by the insurance company is responsible for the management
- leetcode刷题记录:7.整数反转,8.字符串转整数,9.回文数
- 笑话:如果你在河边等待得足够久,你会看到你的敌人的尸体漂过,是怎么翻译出来的?
- A Review of Nature Microbiology: Focusing on the Algae--Ecological Interface of Phytoplankton-Bacteria Interactions
- golang刷leetcode 经典(13) 最小高度树
- 姑姑:给小学生出点口算题
- LM小型可编程控制器软件(基于CoDeSys)笔记二十五:plc的数据存储区(数字量输入通道部分)
- golang刷leetcode 数学(1) 丑数系列
- J9 digital theory: the Internet across chain bridge has what effect?
- 我用这一招让团队的开发效率提升了 100%!
猜你喜欢
随机推荐
Office2021 安装MathType
成为黑客不得不学的语言,看完觉得你们还可吗?
谷歌竞价机器学习如何去理解?
el-tree渲染大量数据的解决方案(不通过懒加载)
Fetch 请求不转换BLOB正常显示GBK编码的数据
移动跨端技术方案分析对比
Three.js入门
软考 ----- UML设计与分析(下)
Flutter自带国际化适配自动生成方案
MOSN 反向通道详解
OpenCV开发中的内存管理问题
golang刷leetcode动态规划(12)最小路径和
J9数字论:互联网跨链桥有什么作用呢?
ShapeableImageView 的使用,告别shape、三方库
What is a Field Service Management System (FSM)?what is the benefit?
MySQL安装时一直卡在starting server
2022-07-26
太魔人招新啦|快来加入我们吧!
姑姑:给小学生出点口算题
解析Collection接口中的常用的被实现子类重写的方法