# Міграція Vue 2→3 та Nuxt 2→3 (Vue.js / Nuxt.js)

> Від Options API до Composition API, від Vuex до Pinia, від asyncData/fetch до useFetch, breaking changes, стратегії міграції, припинення підтримки nuxtServerInit

- 22 питань зі співбесід
- Senior
- [Питання зі співбесід: Vue.js / Nuxt.js](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy.md)

## 1. Яка основна архітектурна різниця між 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 для composables, компонентів та утиліт фреймворка, усуваючи потребу в ручних імпортах. Ця можливість покращує досвід розробника та зменшує шаблонний код. Nuxt 2 вимагав явних імпортів для більшості функцій. За потреби цю можливість можна вимкнути в конфігурації з міркувань явного контролю.

## 3. У Vue 3 який метод замінює видалені filters з Vue 2?

**Відповідь**

Filters було видалено у Vue 3, оскільки вони створювали власний синтаксис, складний для розуміння новими розробниками, та впливали на продуктивність. Офіційна рекомендація — використовувати computed properties або методи для перетворення даних. Computed properties надають перевагу автоматичного кешування для дорогих обчислень, тоді як методи підходять для простих перетворень із параметрами.

## Ще 19 доступних питань

- Який інструмент збірки за замовчуванням у Nuxt 3, що замінює Webpack із Nuxt 2?
- Як змінився синтаксис v-model між Vue 2 та Vue 3 для користувацьких компонентів?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

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

- [Основи JavaScript](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/javascript-fundamentals.md): 20 запитань, Junior
- [Сучасний JavaScript (ES6+)](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/es6-modern-javascript.md): 20 запитань, Junior
- [Основи Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-basics.md): 22 запитань, Junior
- [Компоненти Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-components.md): 20 запитань, Junior
- [Vue Router](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-router.md): 18 запитань, Junior
- [Pinia State Management](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/pinia-state-management.md): 20 запитань, Junior
- [Vuex (Legacy)](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vuex-legacy.md): 15 запитань, Mid-Level
- [Composition API](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/composition-api.md): 24 запитань, Mid-Level
- [Реактивність Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-reactivity.md): 20 запитань, Mid-Level
- [Основи Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-fundamentals.md): 22 запитань, Mid-Level
- [Отримання даних у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-data-fetching.md): 20 запитань, Mid-Level
- [SSR і SSG у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-ssr-ssg.md): 22 запитань, Mid-Level
- [Серверні маршрути Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-server-routes.md): 20 запитань, Mid-Level
- [Модулі Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-modules.md): 18 запитань, Mid-Level
- [Composables у Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-composables.md): 20 запитань, Mid-Level
- [Форми та валідація Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-forms-validation.md): 20 запитань, Mid-Level
- [Керування станом у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-state-management.md): 18 запитань, Mid-Level
- [Тестування Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-testing.md): 20 запитань, Mid-Level
- [Розгортання Nuxt та CI/CD](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-deployment-cicd.md): 22 запитань, Mid-Level
- [Продуктивність Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-performance.md): 22 запитань, Senior
- [Просунуті патерни Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-advanced-patterns.md): 24 запитань, Senior
- [TypeScript із Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/typescript-vue.md): 22 запитань, Senior
- [Автентифікація Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-auth.md): 20 запитань, Senior
- [SEO з Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-seo.md): 20 запитань, Senior
- [Інтернаціоналізація Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-i18n.md): 18 запитань, Senior
- [Архітектура Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-architecture.md): 22 запитань, Senior
- [Безпека Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-security.md): 20 запитань, Senior
- [Екосистема Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-ecosystem.md): 18 запитань, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/migration-vue2-vue3-nuxt2-nuxt3