Реактивність Vue
Reactivity system, reactive vs ref, toRef, toRefs, unref, shallow reactivity, readonly
1Що таке система реактивності Vue?
Що таке система реактивності Vue?
Відповідь
Система реактивності Vue автоматично виявляє зміни в даних і відповідно оновлює DOM. Вона спирається на JavaScript Proxy, які перехоплюють доступ до властивостей та їх зміну. Ця система гарантує, що інтерфейс користувача залишається синхронізованим зі станом застосунку без ручного втручання.
2Яка основна різниця між ref() та reactive()?
Яка основна різниця між ref() та reactive()?
Відповідь
ref() створює реактивне посилання для примітивного значення або об'єкта, доступне через .value, тоді як reactive() створює реактивний proxy об'єкта без потреби у .value для доступу до властивостей. ref() універсальний (примітиви + об'єкти) та ідеальний для простих значень, тоді як reactive() оптимізований для об'єктів, але не працює з примітивами. На практиці ref() часто є кращим вибором, оскільки працює з усіма типами.
3Як отримати доступ до значення ref у template порівняно зі script?
Як отримати доступ до значення ref у template порівняно зі script?
Відповідь
У template Vue автоматично розгортає ref, дозволяючи прямий доступ без .value (напр.: {{ count }}). У script потрібно використовувати .value, щоб прочитати або змінити значення ref (напр.: count.value++). Ця автоматична поведінка в template спрощує написання коду, водночас зберігаючи явний контроль у логіці JavaScript.
Що станеться, якщо деструктуризувати об'єкт reactive()?
Для чого призначений toRefs() у Vue?
+17 питань зі співбесід
Інші теми співбесід Vue.js / Nuxt.js
Основи JavaScript
Сучасний JavaScript (ES6+)
Основи Vue
Компоненти Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Основи 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 для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно