Vue v-memo 指令

实例

仅当 updateProp 属性值发生更改时,才使用 v-memo 指令重新发送。

  1. <div
  2. v-for="x in circle"
  3. :style="{ backgroundColor: x.color }"
  4. v-memo="[updateProp]"
  5. ></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()

分类导航