Vue,js Feed — Канал русскоговорящего сообщества
174 subscribers
3 photos
30 links
Канал Vue.js русскоговорящего сообщества: @vuejs_ru
Download Telegram
🎉 Сегодня вышел 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 есть реактивность с 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.

Из более общих и заметных, хоть и маленьких фич - теперь 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🎉21🤔1
Vue 3.3 Released 🎉

Вышел в релиз 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
🎉63👍3🔥2
👩‍💻 WebStorm 2023.2 EAP #2: Volar Support for Vue

Одновременно преимущество и недостаток 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