Javascript is required
Mokkapps Logo

Vue Tip: Memoize a Sub-Tree of the Template Using v-memo

Michael Hoffmann (Mokkapps) - Senior Frontend Developer (Freelancer)
Jun 29, 2022
1 min read
|
75 views
Template
Memoize a Sub-Tree of the Template Using v-memo Image

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 Twitter to get notified about new tips, blog posts, and more content from me. Alternatively (or additionally), you can also subscribe to my newsletter.