Vue v-memo 指令

<div 
  v-for="x in circle" 
  :style="{ backgroundColor: x.color }" 
  v-memo="[updateProp]"
></div>

定义和用法

v-memo 指令用于优化 Vue 中的性能。

为了优化性能，v-memo 与属性数组一起使用，v-memo 将阻止元素和任何子子元素的重新渲染，直到这些属性之一发生更改。

仅在极少数情况下使用 v-memo 优化性能才有意义，例如使用 v-for 创建的大型列表。

如果 v-memo 提供的数组为空，例如 tis: 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()