Composables у Vue
Створення composables, логіка багаторазового використання, useState, useRoute, useRouter, патерни користувацьких composables
1Що таке composable у Vue 3 та Nuxt 3?
Що таке composable у Vue 3 та Nuxt 3?
Відповідь
Composable — це функція, яка інкапсулює багаторазову логіку за допомогою Composition API Vue. Composables дозволяють спільно використовувати стан та ефекти між компонентами без використання mixins. За домовленістю ім'я composable завжди починається з префікса use, що полегшує їх ідентифікацію в коді.
2Яка рекомендована конвенція іменування для composables?
Яка рекомендована конвенція іменування для composables?
Відповідь
Composables завжди повинні починатися з префікса use, за яким йде описова назва у camelCase. Ця конвенція дозволяє швидко ідентифікувати composables у коді та відрізняти їх від звичайних допоміжних функцій. Наприклад, useCounter, useFetch або useAuth — це доречні назви для composables.
3Де слід розміщувати composables у проєкті Nuxt 3?
Де слід розміщувати composables у проєкті Nuxt 3?
Відповідь
Composables слід розміщувати в каталозі composables у корені проєкту. Nuxt 3 автоматично імпортує всі файли з цього каталогу, що дозволяє використовувати composables без необхідності імпортувати їх вручну. Цей автоматичний імпорт покращує досвід розробника та зменшує кількість boilerplate-коду.
Яка головна перевага useState порівняно з ref у Nuxt 3?
Як отримати доступ до параметрів поточного маршруту в composable Nuxt?
+17 питань зі співбесід
Інші теми співбесід 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
Форми та валідація 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 та симуляторів співбесід.
Почни безкоштовно