Просунуті патерни Vue
Provide/inject, custom directives, render functions, JSX, teleport, suspense, async components
1Яка основна мета provide/inject у Vue 3?
Яка основна мета provide/inject у Vue 3?
Відповідь
Provide/inject дозволяє передавати дані від батьківського компонента до будь-якого нащадкового компонента без передавання props через кожен проміжний рівень. Це дозволяє уникнути 'props drilling', коли props доводиться передавати через кілька рівнів компонентів, які їх не потребують. Особливо корисно для спільного використання глобальних даних, як-от конфігурація теми чи стан автентифікації.
2Як оголосити значення за допомогою provide у компоненті, що використовує Composition API?
Як оголосити значення за допомогою provide у компоненті, що використовує Composition API?
Відповідь
У Composition API використовується функція provide з двома аргументами: ключем (string або Symbol) і значенням, яке потрібно надати. Наприклад, усередині setup. Це значення буде доступне нащадковим компонентам через inject. Використання Symbol як ключів гарантує унікальність та запобігає колізіям імен.
3Яка основна функція директиви Teleport у Vue 3?
Яка основна функція директиви Teleport у Vue 3?
Відповідь
Teleport дозволяє рендерити вміст компонента в іншому DOM-вузлі, ніж його позиція в дереві компонентів Vue. Зазвичай використовується для модальних вікон, підказок і сповіщень, які потрібно рендерити в корені документа, щоб уникнути проблем із z-index та CSS-позиціюванням. Компонент зберігає свій контекст Vue і може отримувати доступ до даних батьківського компонента.
Який атрибут є обов'язковим для використання Teleport у Vue 3?
Що таке custom directive у Vue?
+21 питань зі співбесід
Інші теми співбесід 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
Форми та валідація Vue
Керування станом у Nuxt
Тестування Vue
Розгортання Nuxt та CI/CD
Продуктивність Vue
TypeScript із Vue
Автентифікація Nuxt
SEO з Nuxt
Інтернаціоналізація Nuxt
Архітектура Vue
Безпека Nuxt
Екосистема Vue
Міграція Vue 2→3 та Nuxt 2→3
Опануй Vue.js / Nuxt.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно