Как работает условный рендеринг через v-if, v-else-if, v-else?

v-if полностью добавляет или убирает элемент из DOM в зависимости от условия. v-else-if и v-else создают цепочку условий, как if/else if/else в JavaScript. Элемент с v-else-if или v-else должен идти сразу после v-if (или предыдущего v-else-if). Когда условие false, элемент и все его дочерние компоненты уничтожаются, при true — создаются заново.