Почему компонент не уничтожается когда выполняется условие?

Question

[hackuun]

Есть компонент

<section v-if="$route.name === 'index'">
   ...
</section>

Почему при переходе на другой раут он не уничтожается? Как заставить его загружатся заново при выполнении условия?

Comments

[Алексей Ярков]

А у другого раута какой name?

[hackuun]

Алексей Ярков, другой

Answer 1

[floydback]

Vue кеширует такое для оптимизации. Чтобы заставить Vue перерендерить компонент используйте на компоненте :key, с уникальным значением.