Что такое условная отрисовка в Vue.js?

Всем доброго времени суток! Подскажите пожалуйста, что конкретно, называют условной отрисовкой, был бы очень признателен простому примеру)

Условная отрисовка это когда вы отрисовываете какой то блок по определенному условию, в Vue это можно сделать если не ошибаюсь с помощью директивы v-if:

var vm = new Vue({
el:"#example",
data: {
condition:true
}
})

В первом блоке объявляем экземпляр vue, который прикрепляем к блоку html с id example, затем добавляем свойство с логическим значением, true or false, далее все действия идут в html.

<div id="example">

<
p v-if="condition">Значение переменной "condition = true"</p>
<
p v-else>Теперь отрисовывается другой блок, так как значение "condition = false"</p>

В html в блок с id example вписываем два параграфа, в первом параграфе с помощью директивы v-if задаем условие, то есть в зависимости от значения того что в двойных скобках после знака равно и будет выводится наполнение блоков, в случае если true, то выведется контент первого блока, в случае false или любого другого значения будет выводится второй блок, вот и всё.