Урок 02 · 11 хв

ref, прив'язки, події

Реактивність — не «магія». Змінюєш `.value` у ref — шаблон сам перемалюється.

ref(0) загортає значення. У скрипті читаєш і пишеш count.value. У шаблоні крапка value не потрібна: {{ count }}. Для об'єкта часто беруть reactive({ n: 0 }) — там поля одразу реактивні, без .value. Не змішуй без потреби.

Клік і поле

Можна спитати про це правило«v-bind униз, v-on угору»

Забув .value у скрипті — отримаєш об'єкт-обгортку, а не число. У шаблоні Vue розгортає сам.
Не замінюй реактивний об'єкт повністю без потреби, якщо вже повісив на поля шаблон.
v-model на кастомному компоненті — проп modelValue + подія update:modelValue.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. Як у скрипті збільшити const n = ref(0)?
2. @click це
3. v-model на input робить