Question 1

Що таке екземпляр Vue?

Accepted Answer

Екземпляр Vue — це об'єкт, створений викликом createApp(), який представляє застосунок. Цей кореневий об'єкт містить усі реактивні дані, методи та параметри конфігурації. Він слугує точкою входу для монтування застосунку до елемента DOM та ініціалізації системи реактивності Vue.

Question 2

Для чого призначена директива v-bind?

Accepted Answer

Директива v-bind дозволяє динамічно прив'язувати HTML-атрибути до виразів JavaScript. Вона обчислює вираз і автоматично оновлює атрибут, коли дані змінюються. Ця директива необхідна для створення реактивних інтерфейсів, де атрибути на кшталт src, href, class чи disabled мають відображати стан застосунку.

Question 3

Який скорочений синтаксис для v-bind:href?

Accepted Answer

Скорочений синтаксис просто використовує двокрапку, за якою йде назва атрибута. Цей скорочений запис дуже поширений у проєктах Vue, оскільки покращує читабельність коду, зберігаючи точно таку саму функціональність. Він працює для всіх HTML-атрибутів і кастомних атрибутів.

Основи Vue

Що таке екземпляр Vue?

Відповідь

Для чого призначена директива v-bind?

Відповідь

Який скорочений синтаксис для v-bind:href?

Відповідь

Для чого призначена директива v-on?

Який скорочений синтаксис для v-on:click?

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

Основи JavaScript

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

Компоненти Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

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

Основи Nuxt

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

SSR і SSG у Nuxt

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

Модулі Nuxt

Composables у Vue

Форми та валідація 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 для наступної співбесіди