Vue v-memo 指令
实例
仅当 updateProp 属性值发生更改时,才使用 v-memo 指令重新发送。
<divv-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()