当前位置：网站首页>新增指令 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的指令使用较少，它的作用是:缓存模板中的一部分数据。
只创建一次，以后就不会再更新了。也就是说用内存换取时间。
原网站

版权声明
本文为[大象与小蚂蚁的生活]所创，转载请带上原文链接，感谢
https://blog.csdn.net/seimeii/article/details/126119296

边栏推荐

猜你喜欢

随机推荐