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-memo在极少数情况下，例如使用使用创建的大型列表v-for。

如果数组提供了v-memo是空的，就像这样：v-memo="[]"，您将获得与以下相同的功能v-once。