·
0 min read
The v-memo directive is like a computed prop for the template and be used on both elements and components:
<template>
<div v-memo="[valueA, valueB]">
<!-- ... -->
</div>
</template>
The v-memo
directive expects a fixed-length array of dependency values to compare for the memoization.
If every value in the array was the same as last render, then updates for the entire sub-tree will be skipped.
If you liked this Vue tip, follow me on BlueSky to get notified about new tips, blog posts, and more. Alternatively (or additionally), you can subscribe to my weekly Vue & Nuxt newsletter :