Skip to content
Level 6 of 7 · unmount order inside an update

v-if removes the child

App hides Child, which has a Grandchild. Tear-down happens inside App's update, deepest unmount first.

What happensshow is true. The learner clicks Hide, which sets show to false.
App.vue
Child.vue
Grandchild.vue
<!-- App.vue -->
<Child v-if="show" />
<!-- Child.vue -->
<Grandchild />
Deck · tap a card to add it, or drag it into place
Timeline · first to last
  1. Next card