Vue 3.0 возвращается, теперь в TypeScript

Крупное обновление приносит улучшения начальной скорости рендеринга, скорости обновления, использованию памяти и размеру пакета.

Vue 3.0, крупное обновление популярного фреймворка JavaScript для создания веб-интерфейсов, теперь доступно в качестве производственного выпуска после почти двухлетней разработки. Основные моменты включают в себя лучшую производительность и меньшие размеры пакетов.

Представленный 18 сентября, Vue 3.0 улучшает производительность по сравнению с Vue 2 с точки зрения скорости рендеринга, скорости обновления, использования памяти и размера пакета. Согласно проекту, начальная визуализация выполняется на 55 процентов быстрее, обновления-на 133 процента быстрее, а использование памяти-на 54 процента меньше. Кроме того, размер пакета становится на 41 процент легче при встряхивании дерева-методе, используемом для уменьшения размера выходного файла.
Внутренние компоненты Vue были переписаны в набор несвязанных модулей, обеспечивая архитектуру, которая обеспечивает лучшую ремонтопригодность и уменьшенный размер среды выполнения. Модули предоставляют API более низкого уровня, которые открывают расширенные варианты использования, такие как компилятор, поддерживающий преобразования AST для настройки во время сборки. Основная среда выполнения предоставляет API для создания пользовательских визуализаторов для различных целевых объектов, таких как собственные мобильные устройства, WebGL или терминалы. Кроме того, модуль @vue/reactivity экспортирует функции, обеспечивающие прямой доступ к системе реактивности Vue и которые могут быть использованы в качестве автономного пакета.

Этап выпуска Vue 3.0 знаменует собой “общую готовность ” фреймворка, хотя некоторые подпроекты все еще могут нуждаться в доработке. Разработчики проекта Vue заявили, что безопасно начинать новые проекты на версии 3.0. Авторы библиотек также могут обновить свои проекты.

Другие новые возможности Vue 3.0 включают в себя:

• Композиционный API, который упрощает использование Vue в крупномасштабных приложениях.
• Кодовая база, написанная на машинке. Определения типов являются комплексными и актуальными.
• Экспериментальные функции, такие как <script setup>, который предоставляет синтаксический сахар для использования композиции внутри Однофайловых компонентов (SFC), и <style var>, который предоставляет Управляемые состоянием CSS-переменные внутри SFC.

Разработчики Vue.JS скоро сосредоточатся на возможностях сборки миграции, при поддержке IE11, интеграции маршрутизатора и Vuex в новые инструменты,а также дальнейших улучшениях вывода типов шаблонов в инструментах Vetur.