Урок 7 · Vue

v-on:click меняет ref

В Vue клик записывается прямо в шаблоне и меняет реактивное значение.

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

Состояние React уже реагирует на кнопку. Во Vue тот же жест выглядит короче.

Как сделать

Объяви count через ref(0). В шаблоне повесь @click на функцию, которая делает count.value += 1. В тексте выводи count, без .value: в шаблоне оно раскрывается само. Не меняй обычную переменную вне ref и reactive: шаблон её обновление не увидит.

<button @click="count++">{{ count }}</button>

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

• Клик меняет число в кнопке.
• Значение объявлено реактивно.
• Повторные клики не сбрасывают его в ноль.