Міграція Vue 2→3 та Nuxt 2→3
Від Options API до Composition API, від Vuex до Pinia, від asyncData/fetch до useFetch, breaking changes, стратегії міграції, припинення підтримки nuxtServerInit
1Яка основна архітектурна різниця між Options API у Vue 2 та Composition API у Vue 3?
Яка основна архітектурна різниця між Options API у Vue 2 та Composition API у Vue 3?
Відповідь
Composition API організовує код за логічними завданнями, а не за типом опції, що дозволяє групувати пов'язаний код разом. Такий підхід покращує читабельність і зручність підтримки складних компонентів, на відміну від Options API, який розділяє data, methods і computed properties. Composition API також полегшує повторне використання логіки через composables, ефективно замінюючи mixins, які могли спричиняти конфлікти імен.
2Яку важливу зміну запровадив Nuxt 3 щодо auto-imports у порівнянні з Nuxt 2?
Яку важливу зміну запровадив Nuxt 3 щодо auto-imports у порівнянні з Nuxt 2?
Відповідь
Nuxt 3 за замовчуванням вмикає auto-imports для composables, компонентів та утиліт фреймворка, усуваючи потребу в ручних імпортах. Ця можливість покращує досвід розробника та зменшує шаблонний код. Nuxt 2 вимагав явних імпортів для більшості функцій. За потреби цю можливість можна вимкнути в конфігурації з міркувань явного контролю.
3У Vue 3 який метод замінює видалені filters з Vue 2?
У Vue 3 який метод замінює видалені filters з Vue 2?
Відповідь
Filters було видалено у Vue 3, оскільки вони створювали власний синтаксис, складний для розуміння новими розробниками, та впливали на продуктивність. Офіційна рекомендація — використовувати computed properties або методи для перетворення даних. Computed properties надають перевагу автоматичного кешування для дорогих обчислень, тоді як методи підходять для простих перетворень із параметрами.
Який інструмент збірки за замовчуванням у Nuxt 3, що замінює Webpack із Nuxt 2?
Як змінився синтаксис v-model між Vue 2 та Vue 3 для користувацьких компонентів?
+19 питань зі співбесід
Інші теми співбесід 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
Просунуті патерни Vue
TypeScript із Vue
Автентифікація Nuxt
SEO з Nuxt
Інтернаціоналізація Nuxt
Архітектура Vue
Безпека Nuxt
Екосистема Vue
Опануй Vue.js / Nuxt.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно