Урок 8 · Vue

v-if показывает один из двух блоков

v-if убирает элемент, пока условие ложно. v-show только прячет его стилем.

Почему это следующий шаг

Клик уже меняет число. От этого числа зависит, какой текст виден.

Как сделать

Для ошибки и обычного состояния поставь v-if и v-else на соседние элементы. Условие читай из ref. v-if подходит, когда блок тяжёлый и чаще скрыт. v-show лучше, если блок часто мигает: он остаётся в DOM. Не держи оба абзаца без условия.

<p v-if="name.length < 2">Имя слишком короткое</p>
<p v-else>Имя годится</p>

Что проверить

• Виден только один из двух абзацев.
• Смена значения переключает их без перезагрузки.
• Пустое имя показывает подсказку, а не второй абзац.