# Введение

Информация

Новичок во Vue.js? Начинать изучение лучше с руководства.

Это руководство в первую очередь предназначено для пользователей с опытом работы во Vue 2, которые хотят узнать о новых функциях и изменениях во Vue 3. Это не то, с чего надо начинать изучение и читать от начала до конца, прежде чем пробовать Vue 3. Несмотря на кажущиеся многочисленные изменения, многое что уже знаете и любите во Vue осталось прежним; просто хотим как можно основательнее и подробнее дать объяснения и примеры для каждого произошедшего изменения.

# Обзор


Начать изучение Vue 3 на Vue Mastery (opens new window) (на англ.).

# Быстрый старт

Если хотите попробовать Vue 3 в новом проекте:

  • Через CDN: <script src="https://unpkg.com/vue@next"></script>

  • Песочница в браузере на Codepen (opens new window)

  • Песочница в браузере на CodeSandbox (opens new window)

  • Развернуть проект с помощью Vite (opens new window):

    npm init vite hello-vue3 -- --template vue # ИЛИ yarn create vite hello-vue3 --template vue
    
    1
  • Развернуть проект с помощью vue-cli (opens new window):

    npm install -g @vue/cli # ИЛИ yarn global add @vue/cli
    vue create hello-vue3
    # выбрать пресет vue 3
    
    1
    2
    3

# Сборка для миграции

Если собираетесь обновить до Vue 3 существующий проект или библиотеку на Vue 2, стоит воспользоваться специальной сборкой Vue 3, которая предоставляет API, совместимые с Vue 2. Более подробную информацию можно найти на странице про сборку для миграции.

# Важные новые возможности

Некоторые из новых функций, которые появились во Vue 3:

# Кардинальные изменения

Ниже приведён список кардинальных изменений в сравнении с 2.x:

# Глобальное API

# Директивы в шаблонах

# Компоненты

# Render-функции

# Пользовательские элементы

# Другие незначительные изменения

# Удалённые API

# Поддержка библиотек

Все официальные библиотеки и инструменты поддерживают Vue 3, но некоторые из них ещё находятся в бета-версии или в статусе релиз-кандидата. Подробная информация по отдельным библиотекам будет ниже. Многие из них на данный момент распространяются под тегом next в npm. Переключение на использование тега latest планируется, когда все официальные библиотеки будут иметь совместимые и стабильные версии.

# Vue CLI

Начиная с версии v4.5.0, vue-cli предоставляет из коробки опцию для выбора Vue 3 при создании нового проекта. Можно обновить vue-cli и выполнить команду vue create для создания проекта на Vue 3 уже сегодня.

# Vue Router

Vue Router 4.0 предоставляет поддержку Vue 3 и имеет ряд собственных кардинальных изменений. Для получения более подробной информации ознакомьтесь с его руководством по миграции (opens new window).

# Vuex

Vuex 4.0 предоставляет поддержку Vue 3 с тем же самым API, что и 3.x. Единственное кардинальное изменение заключается в том как устанавливается плагин (opens new window).

# Расширение инструментов для разработчика

Сейчас идёт работа над новой версией Devtools с новым интерфейсом и переработанной внутренней частью для поддержки нескольких версий Vue. Новая версия в настоящее время находится в бета-тестировании и поддерживает только Vue 3 (на данный момент). Также ведётся работа над интеграцией обновлённых версий Vuex и Router.

# Поддержка IDE

Рекомендуется использовать VSCode (opens new window) с нашим официальным расширением Volar (opens new window), которое обеспечивает IDE всестороннюю поддержку Vue 3.

# Другие проекты

Проект npm Репозиторий
@vue/babel-plugin-jsx rc (opens new window) [GitHub (opens new window)]
eslint-plugin-vue ga (opens new window) [GitHub (opens new window)]
@vue/test-utils beta (opens new window) [GitHub (opens new window)]
vue-class-component beta (opens new window) [GitHub (opens new window)]
vue-loader rc (opens new window) [GitHub (opens new window)]
rollup-plugin-vue beta (opens new window) [GitHub (opens new window)]

Информация

Для получения дополнительной информации о совместимости библиотек и плагинов с Vue 3, обязательно ознакомьтесь с этим issue в awesome-vue (opens new window).