Vue v-memo 指令
示例
使用 v-memo
指令仅在 updateProp
属性值更改时才重新渲染。
<div
v-for="x in circle"
:style="{ backgroundColor: x.color }"
v-memo="[updateProp]"
></div>
运行示例 »
定义和用法
v-memo
指令用于优化 Vue 中的性能。
为了优化性能,v-memo
与一个属性数组一起使用,并且 v-memo
将阻止元素的重新渲染,以及任何子元素的重新渲染,直到这些属性之一发生更改。
只有在极少数情况下,例如使用 v-for
创建的大列表时,使用 v-memo
优化性能才有意义。
如果提供给 v-memo
的数组为空,像这样:v-memo="[]"
,您将获得与 v-once
相同的功能。
相关页面
Vue 教程: Vue v-for 指令
Vue 教程:Vue v-bind 指令
Vue 教程:Vue CSS 绑定
Vue 参考:Vue v-for 指令
Vue 参考:Vue v-once 指令
JavaScript 参考:Window setTimeout()