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-for
创建的大型列表时,v-memo
才能优化性能。
如果与 v-memo
一起提供的数组为空,例如: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()