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

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.