Question 1

Що таке v-model у Vue?

Accepted Answer

v-model створює two-way binding між елементом форми та реактивними даними. Він автоматично синхронізує значення input із пов'язаною змінною, усуваючи потребу вручну писати прив'язку значення та слухач подій. Ця директива є стандартним способом роботи з формами у Vue.

Question 2

Що є еквівалентом v-model з використанням v-bind та слухача подій?

Accepted Answer

v-model — це синтаксичний цукор для комбінації v-bind:value (або :value), що прив'язує значення, та @input, що слухає зміни. Ця комбінація допомагає зрозуміти, як v-model працює всередині, і корисна, коли потрібен точніший контроль над оновленнями.

Question 3

Який модифікатор v-model слід використовувати для синхронізації значення лише після того, як користувач покине поле?

Accepted Answer

Модифікатор .lazy змінює поведінку v-model так, щоб слухати подію change замість input. Синхронізація відбувається при blur, а не при кожному натисканні клавіші. Це корисно для зменшення частих оновлень і покращення продуктивності на полях із витратною валідацією.

Форми та валідація Vue

Що таке v-model у Vue?

Відповідь

Що є еквівалентом v-model з використанням v-bind та слухача подій?

Відповідь

Який модифікатор v-model слід використовувати для синхронізації значення лише після того, як користувач покине поле?

Відповідь

Який модифікатор v-model автоматично перетворює введення на число?

Як v-model працює з одиничним checkbox?

Інші теми співбесід Vue.js / Nuxt.js

Основи JavaScript

Сучасний JavaScript (ES6+)

Основи Vue

Компоненти Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Реактивність Vue

Основи Nuxt

Отримання даних у Nuxt

SSR і SSG у Nuxt

Серверні маршрути Nuxt

Модулі Nuxt

Composables у Vue

Керування станом у Nuxt

Тестування Vue

Розгортання Nuxt та CI/CD

Продуктивність Vue

Просунуті патерни Vue

TypeScript із Vue

Автентифікація Nuxt

SEO з Nuxt

Інтернаціоналізація Nuxt

Архітектура Vue

Безпека Nuxt

Екосистема Vue

Міграція Vue 2→3 та Nuxt 2→3

Опануй Vue.js / Nuxt.js для наступної співбесіди