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()
