Гід з міграції на Vue 3

Підтримка Vue 2 припиниться 31 грудня 2023 року.

Дізнайтеся більше про Extended LTS, якщо оновлення до Vue 3 неможливо до дати EOL.

Цей посібник насамперед призначений для користувачів із попереднім досвідом роботи з Vue 2, які хочуть дізнатися про зміни між Vue 2 і Vue 3. Це не те, що вам потрібно читати зверху вниз, перш ніж випробувати Vue 3. Рекомендований спосіб Щоб дізнатися Vue 3, прочитайте нову документацію.

Отримайте безкоштовну шпаргалку з посібника з міграції на VueMastery.com

Визначні нові функції

Деякі з нових функцій, на які варто звернути увагу у Vue 3, включають:

• Композиційний API*
• SFC Composition API Syntax Sugar (<script setup>)*
• Teleport
• Fragments
• Опція компоненту Emits**
• createRenderer API з @vue/runtime-core для створення користувацьких рендерів
• CSS змінні із підтримкою стану в однофайлових компонентах (v-bind в <style>)*
• Однофайлові компоненти <style scoped> тепер можуть мати в собі глобальні правила або правила таргетування слотів компонентів
• Suspense ^{експериментально}

_{* Тепер також підтримується в Vue 2.7
** Підтримується у Vue 2.7, але лише для визначення типу}

Несумісні зміни

Несумісні зміни між Vue 2 і Vue 3 перераховані тут.

Нові рекомендації на рівні фреймворку

Тут наведено нові рекомендації на рівні фреймворку.

Міграційна збірка

Якщо у вас є проєкт або бібліотека Vue 2, які ви збираєтеся оновити до Vue 3, ми надаємо збірку Vue 3, яка пропонує сумісні з Vue 2 API. Перегляньте сторінку Міграційна збірка, щоб дізнатися більше.