v-once

v-once

• Не принимает какое-либо выражение

Однократно отрисовывает элемент или компонент. При повторной отрисовке он, а также все его потомки, рассматриваются как статический контент и пропускаются. Это поможет увеличить производительность обновлений.

<!-- одиночный элемент -->
<span v-once>Это никогда не изменится: {{msg}}</span>

<!-- элемент с потомком -->
<div v-once>
  <h1>comment</h1>
  <p>{{msg}}</p>
</div>

<!-- компонент -->
<my-component v-once :comment="msg"></my-component>

<!-- директива `v-for` -->
<ul>
  <li v-for="i in list" v-once>{{i}}</li>
</ul>