Vue v-memo 指令
实例
仅当 updateProp
属性值发生更改时,才使用 v-memo
指令重新发送。
<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-bind 指令
Vue 参考: Vue CSS 绑定
JavaScript 参考: Window setTimeout()