Vue 3.2, новая версия популярной платформы JavaScript, предлагает лучшую производительность, а также улучшения для однофайловых и веб-компонентов. Vue 3.2 был анонсирован 5 августа.
Благодаря обновлению система реактивности Vue, призванная упростить управление состоянием, становится более эффективной. ref реализация, более быстрое отслеживание зависимостей и меньшее использование памяти. Производительность компилятора шаблонов также была улучшена за счет более быстрого создания Vnodes (виртуальных узлов). новый v-memo Директива предоставляет возможность «запоминать» часть дерева шаблонов. А v-memo hit позволяет Vue вообще пропустить сравнение виртуальных DOM и создание новых Vnodes. Эта возможность может повысить производительность в определенных сценариях, например при больших v-for списки.
Для веб-компонентов Vue 3.2 представляет defineCustomElement метод для создания собственных пользовательских элементов с использованием API компонентов Vue. Разработчики могут создавать библиотеки компонентов пользовательского интерфейса на базе Vue, которые можно использовать с любой платформой или вообще без нее.
Для однофайловых компонентов (SFC), также известных как файлы «.vue», две функции перешли из экспериментального состояния в стабильное: <script setup>синтаксический сахар времени компиляции для улучшения эргономики при использовании Composition API внутри SFC, и <style> v-bindвключение динамических значений CSS, управляемых состоянием компонента, в SFC <style> теги.
Инструкции по установке Vue можно найти на v3.vjs.org. Другие новые функции Vue 3.2:
- Для рендеринга на стороне сервера пакет @vue/server-renderer включает сборку модуля ES, отделенную от встроенных модулей Node.js, что позволяет собирать и использовать @vue/server-renderer для использования внутри сторонних приложений. js, такие как Cloudflare Workers или Service Workers. API потокового рендеринга также были улучшены: появились новые методы для API веб-потоков.
- Был введен API-интерфейс Effect Scope для управления временем удаления реактивных эффектов (вычисляемых и наблюдателей), что упрощает использование API-интерфейса реактивности Vue из контекста компонента и открывает некоторые расширенные варианты использования внутри компонентов. Этот низкоуровневый API предназначен в основном для авторов библиотек. RFC этой функции описывает мотивацию и варианты использования.
Vue 3.2 также содержит исправления некоторых ошибок. Хотя критических изменений в общедоступных API нет, есть некоторые примечания, связанные с совместимостью. Например, код, сгенерированный компилятором шаблонов в Vue 3.2 и более поздних версиях, не будет совместим с предыдущими версиями среды выполнения из-за использования новых помощников среды выполнения. Полный журнал изменений Vue 3.2 можно найти на GitHub.
Дальше читайте это:
- Облачные вычисления больше не являются пустяком
- Что такое генеративный ИИ? Искусственный интеллект, который создает
- Программирование с помощью ИИ: советы и лучшие практики от разработчиков
- Python пытается удалить GIL и повысить параллелизм
- 7 причин, по которым Java по-прежнему хороша
- Война за лицензирование открытого исходного кода окончена
