Итоги глобальной конференции Vue3.0 по галантерее

2018/02/26 - The very fist idea about Vue3
- Представьте, как должна выглядеть следующая основная версия Vue.
2018/09/12 - First working prototype
- Подумайте, как организовать свой код
- попробуй использовать машинопись
- попробуй использовать монорепозиторий
- Попробуйте что-то новое и новое
Веха: мини-версия среды выполнения vdom + независимый реактивный API на основе прокси
2018/09/19 - Graduated prototype into current vue-next repo
Отправьте прототип выпускного класса в репозиторий Git.
21.09.2018 — Первый анонс Vue 3 на Vue.js London Объявление о разработке Vue3

Фаза 2: Исследование

Легко ли с конца 2018 по начало 2019 года пробовать разные новинки?
- Classify API — API в стиле класса
- Легко ли использовать вывод типов TypeScript?
- Reactive Hooks
- Time Slicing
2019/01/04 Established the RFC process
27.02.2019 RFC API класса Представлена версия API RFC в стиле класса.
2019/03~2019/05 Researching new rendering strategy

Разработка новых стратегий рендеринга

Фаза 3: Сводные основные задачи

21.05.2019 API класса удален API класса удален
2019 05 ~ 06 Переписывание основной логики рендеринга
- patch flag
- block tree optimizations
2019/06/07 Function API RFC
2019/06~08 Composition API design/ feedback
2019/08/16 Composition API RFC

Фаза 4: Равномерность функций — сглаживание функций

Совместимость с большинством API Vue2.0

2019/09 2.x Поддержка API параметров Поддержка Vue2.0 для определения API стиля Новая реализация компилятора реализует новый компилятор
2019/10 v-model
2019/11 Система перехода Система перехода анимации
2019/12 Toolling
- Компонент одного файла SFC
- Модуль горячей замены компилятора HMR
2020/01/02 3.00-alpha.1
2020 01 ~ 04 Рендеринг на стороне сервера

Фаза 5: Стабильность и экосистема Повышение стабильности и экологического строительства

16.04.2020 3.0.0-бета.1 2020-05 ~ 06 Тестирование через закрытую бета-версию Vite Vite - VitePress проект VitePress - Команды, работающие над поддержкой v3 в подпроектах 17.06.2020 3.0.0-rc1

2. Новые возможности Vue3

Повышение ремонтопригодности
- TypeScript + модульные внутренние компоненты на основе языка TS и более модульный основной код
повышение производительности
- Система реактивности на основе прокси
- Виртуальный DOM и SSR на основе компилятора Виртуальный DOM на основе компилятора и серверный рендеринг
Меньший размер
- Встряхивание дерева по запросу
- Compile-time flags
Масштабирование лучше лучшая масштабируемость
Лучший DX Новые улучшения однофайлового компонента Новые улучшения производительности однофайловых компонентов

Модульные внутренние компоненты

Vue больше не большой черный ящик,

автономный отзывчивый
Абстрактный рендерер не зависит от цели рендеринга — (Dom, Canvas, Terminal Display) поддерживает пользовательские рендереры.
Расширяемость заключается в том, что компилятор может быть расширен путем реализации подключаемых модулей компилятора.

Разблокируйте премиум-функции

интернационализация i18n во время компиляции
Пользовательские средства визуализации, такие как: собственное приложение, WebGL, отображение терминала
Автономный пакет реактивной реализации — работает с внешними системами шаблонов для создания новых приложений.

Поддержка TypeScript

Разработка исходного кода — внутренняя
- Улучшенная поддержка редактора — рефакторинг кода стал проще и безопаснее.
- Повысить уверенность участников кода в отправке
Деловое письмо - внешнее
- Удовлетворение растущих потребностей пользователей TS Vue
- Автоматическое определение типа — проверка непротиворечивости снижает затраты на техническое обслуживание

API композиции API композиции

Улучшите варианты использования сложной бизнес-логики
Естественно полная поддержка TS
Создан для инкапсуляции и разделения организационной бизнес-логики
Альтернатива миксинам

Прямо как реклама 😝

Виртуальный дом с компилятором Виртуальный дом с компилятором - статическое продвижение

Статическое улучшение за счет компиляции предполагаемого виртуального дома — это то, где Vue3.0 имеет очень значительное улучшение производительности. Во время компиляции мы можем легко определить, какая часть шаблона представления является динамической, а какая статической. Однако этот шаг сложно выполнить с использованием чистых функций рендеринга JS или синтаксиса JSX. Поэтому Vue3 очень смело и креативно подходит к анализу и оптимизации компилятора и сохраняет только необходимую динамическую часть функции рендеринга, что уменьшает количество операций во время выполнения.

SSR с учетом компилятора Рендеринг сегмента сервера с учетом компилятора

Содержимое статического повышения заранее преобразуется в простую строку
Поскольку во время гидратации на стороне клиента активируются только динамические узлы, производительность значительно повышается.

Глобальный API, поддерживающий встряхивание деревьев. Глобальный API можно настроить по мере необходимости.

Есть картинки и правда, короче объем компиляции становится меньше.

Новая функция однофайлового компонента

<script setup>Синтаксический сахар для составных API

Непосредственно экспортировать значения привязки (поведенческие функции, объекты, реактивные объекты)

<style vars>Стили поддерживают реактивные объекты в качестве переменных
Отличная поддержка синтаксиса Typescript

Функция Suspense Suspense — асинхронные зависимости

3. Запущена официальная версия

3.0 выпущена стабильная версия, но номер версии временно зарезервирован как @next, чтобы дать сообществу больше времени для ответа
Этот подпроект все еще находится в стадии бета-тестирования, скоро будет выпущен RC

4. Справочная документация Пробуем Vue 3 сегодня

официальная документация v3.vuejs.org

v3.cn.vuejs.org Официальная китайская документация

Руководство по миграции

Документация по миграции Официальная китайская документация

Частная кухня миграции Vue3.0 деревенского старосты Янга

Понимание Vue3.0

Прогрессивный фреймворк Vue3.0