🎉 Сегодня вышел Vue 2.7, мост "двойки в тройку"! 🎉
Планируется, что это будет последняя минорная версия во Vue 2, которая является "мостом" для более простого перехода во Vue 3.
Поддержку Vue 2 обещают до конца 2023.
Добавлено много нового, что уже есть во Vue 3:
- Composition API
- Обновления SFC из Vue 3: script setup и v-bind в стилях
Добавление Composition API означает и добавление необходимой для него функциональности. А значит теперь и во Vue 2 есть реактивность с
В SFC компиляция JS в шаблоне теперь будет работать через обработку JS в сборщике, как во Vue 3. А это значит, теперь в шаблонах можно использовать полноценный ESNext, включая долгожданную возможность использовать в шаблонах Optional chaining
В документации Vue 2 пока ничего об обновлениях нет... Будем ждать.
Подробности:
- Changelog
- Блог
#news
Планируется, что это будет последняя минорная версия во Vue 2, которая является "мостом" для более простого перехода во Vue 3.
Поддержку Vue 2 обещают до конца 2023.
Добавлено много нового, что уже есть во Vue 3:
- Composition API
- Обновления SFC из Vue 3: script setup и v-bind в стилях
Добавление Composition API означает и добавление необходимой для него функциональности. А значит теперь и во Vue 2 есть реактивность с
reactive, ref, computed и другими функциями реактивности. Конечно, ядро реактивности всё также на переопределении полей объекта с геттерами и сеттерами, а также патчинге методов массива. А значит, все ограничения реактивности сохраняются.В SFC компиляция JS в шаблоне теперь будет работать через обработку JS в сборщике, как во Vue 3. А это значит, теперь в шаблонах можно использовать полноценный ESNext, включая долгожданную возможность использовать в шаблонах Optional chaining
?..В документации Vue 2 пока ничего об обновлениях нет... Будем ждать.
Подробности:
- Changelog
- Блог
#news
🔥34👍20👎1😁1🤯1🤬1
Вчера вышел Vue 3.3.0-beta.2, а в пятницу Vue 3.3.0-beta.1
В основном фиксы багов, улучшения типизации и импортов в SFC Setup, и пометка deprecated.
Из более общих и заметных, хоть и маленьких фич - теперь
Changelog: https://github.com/vuejs/core/blob/main/CHANGELOG.md
В основном фиксы багов, улучшения типизации и импортов в SFC Setup, и пометка deprecated.
Из более общих и заметных, хоть и маленьких фич - теперь
console есть в области видимости шаблона. Можно дебажить консольлогами шаблон 😀<template>
<div>{{ console.log('debug log') }}</div>
<ImageUploader @error="console.error" />
</template>
Vue 3.3 всё ближе 🚀Changelog: https://github.com/vuejs/core/blob/main/CHANGELOG.md
👍4🔥3👏2😱2🎉2❤1🤔1
Vue 3.3 Released 🎉
Вышел в релиз Vue 3.3, а за ним сразу Vue 3.3.1
Основные изменения затрагивают SFC Setup и поддержку TypeScript в нём из прошлых beta.
- Очень долгожданная поддержка импорта типов для
- Не менее долгожданная типизация слотов с
-
- Экспериментальный
Ждём, пока поддержка всего появится во всех редакторах, средах разработки и других инструментах анализа кода (недостатки фич на компиляции).
Улучшение поддержки TS очень радует, но надеемся, в будущих релизах будет больше фич самого Vue.
Пост в блоге: https://blog.vuejs.org/posts/vue-3-3
Changelog: https://github.com/vuejs/core/blob/main/CHANGELOG.md#330-rurouni-kenshin-2023-05-11
Вышел в релиз Vue 3.3, а за ним сразу Vue 3.3.1
Основные изменения затрагивают SFC Setup и поддержку TypeScript в нём из прошлых beta.
- Очень долгожданная поддержка импорта типов для
defineProps и defineEmits. С этим многие страдали..- Не менее долгожданная типизация слотов с
defineSlots
- Дженерики в компонентах-
defineOptions - позволяет описывать опции компонента в <script setup> без второго <script>
- Экспериментальный defineModel - сокращение бойлерплейта для описания и проксирования модели- Экспериментальный
Props Destructure - деструктуризация defineProps без toRefs и refЖдём, пока поддержка всего появится во всех редакторах, средах разработки и других инструментах анализа кода (недостатки фич на компиляции).
Улучшение поддержки TS очень радует, но надеемся, в будущих релизах будет больше фич самого Vue.
Пост в блоге: https://blog.vuejs.org/posts/vue-3-3
Changelog: https://github.com/vuejs/core/blob/main/CHANGELOG.md#330-rurouni-kenshin-2023-05-11
🎉6❤3👍3🔥2
Одновременно преимущество и недостаток WebStorm - собственная реализация поддержки языков вместо использования общих LSP, в том числе для TS и Vue. Обычно это позволяло WebStorm иметь больше возможностей по поддержке кода, чем даёт общий LSP.
Но в последнее время с Vue с активно появляющимися новыми фичами это стало проблемой. Особенно с нестандартными для JS/TS возможностями, такими как макросы компиляции и другие возможности SFC setup. В результате поддержка Vue в платном WebStorm часто была хуже, чем в бесплатном VSCode с Volar. Поддержка улучшалась с каждым обновлением, но лишь догоняла Volar.
С 2023.2 EAP WebStorm внедряет поддержку Volar для связки Vue + TS 5+.
Пока фича экспериментальная, но, кажется, может решить проблему отставания WebStorm в поддержке новых фич SFC Setup и связки Vue + TS.
Надеюсь, это и не лишит WebStorm в будущем собственных уникальных фишек.
Блог JetBrains: https://blog.jetbrains.com/webstorm/2023/05/webstorm-2023-2-eap2/
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍6🎉5🔥3👏1
Vue 2.7 и Prettier 3
Если вы используете Vue 2.7 и Prettier - не спешите обновляться до Prettier 3.
При компиляции шаблона в дев режиме по умолчанию результат компиляции форматируется Prettier-ом. При этом в
Решения:
1. Отключить форматирование скомпилированного компонента. В параметрах loader-a укажите
2. Пока не обновляться до Prettier 3
Если вы используете Vue 2.7 и Prettier - не спешите обновляться до Prettier 3.
При компиляции шаблона в дев режиме по умолчанию результат компиляции форматируется Prettier-ом. При этом в
@vue/compiler-sfc в Vue 2.7 не указан Prettier в зависимостях, а совместимости с Prettier 3 нет.Решения:
1. Отключить форматирование скомпилированного компонента. В параметрах loader-a укажите
options: {
prettify: false
}2. Пока не обновляться до Prettier 3
😱7👍6🤯3😢2🤔1🙏1