текущая ситуация
1,58 миллионаЕженедельные активные пользователи (учитываются через плагин devtools),9,4 миллионаежемесячные загрузки.
по сравнению с прошлым годом
Инструменты разработчика: 1,1 млн -> 1,58 млн (+43,6%) NPM: 6,2 млн -> 9,4 млн (+51,6%)
Vue 3.0 One Piece
С тех пор Vue3 постепенно стабилизировался и продолжал исследовать пользовательский опыт.
Vue Router 4.0
стабилизировалось.
Vuex 4.0
стабилизировалось.
экология
Догоняй потихоньку!
- Nuxt 3
- Vuetify
- Quasar
- Element Plus
- Ant Design Vue
Пользовательский опыт
Продолжаем исследовать:
- новые инструменты сборки
- лучший синтаксис
- Поддержка IDE/TS
инструменты для сборки
Вите, что и говорить, звездный проект этого года.
- Более похожий опыт на Vue-CLI
- Горячее обновление HMR на основе ESM
- ESBuild предоставляет готовые зависимости
- Интерфейс подключаемого модуля, совместимый с Rollup
- Встроенная поддержка SSR
- еще и еще……
Его можно расширить, чтобы прочитать то, что автор написал доГоворя о принципе Vite 2.0, основанном на предварительной компиляции, как механизм подключаемого модуля совместим с Rollup?
Vite или Vue-CLI?
- сосуществовать в краткосрочной перспективе
- Конвергенция в долгосрочной перспективе: скорость Vite + полная поддержка Vue-CLI
тестовое задание
- Тест компонента новой версии Cypress
- @web/test-runner
- Выполняется интеграция Jest
прочитай это@web/test-runnerВведение в комплексное решение для тестирования:
VitePress
Генератор статических сайтов на базе Vue3 + Vite.
Он уникален тем, что:
- Используйте опыт разработки SPA для настройки пользовательских тем
- Свободно добавляйте динамические компоненты в Markdown
- Автоматически устраняйте «двойную загрузку» статического контента
Узнайте о будущем оптимизации SSR/SSG (Eat Your Own Dog Food) с VitePress в качестве платформы
- Более агрессивное устранение статического контента (даже компонентов темы)
- более эффективные сборки
- Сборка по запросу + пограничный кэш
новый опыт разработки
Делайте больше с компилятором:
script setup-
styleВнедрение переменных CSS
script setup
- RFC-адрес
- Обеспечьте более удобный для пользователя API-интерфейс Composition в однофайловой композиции.
- Улучшить производительность во время выполнения
внедрение переменной стиля
- RFC-адрес
- использовать
v-bind()в однофайловом компонентеstyleВнедрить переменные CSS, управляемые состоянием JS, в - Наслаждайтесь преимуществами CSS-in-JS без умственной нагрузки.
Улучшенная поддержка IDE/TS
Несколько предметов изучения
- Vetur
- VueDX
- Volar
есть:
- Проверка типов, подсказки по синтаксису и автоматический рефакторинг шаблонов SFC
Следующий:
- Объедините эти усилия в более рекомендуемые ссылки
- Предоставляет инструмент CLI для проверки SFC с TS
строить планы:
- Волар на основеНовый официальный плагин VSCode, Черпайте вдохновение из Vetur и VueDX.
- Поддержка других редакторов по внутреннему дизайну через LSP (Language Service Protocol)
будущее
Мы отказались от IE11 в Vue3.
Автор также перевел этот RFC:
Vue3 рассматривает возможность полного отказа от браузера IE
Vue 2.7 будет выбором для тех, кто придерживается IE11, он предоставит больше функций Vue3 и поддержку TS. (оценка в третьем квартале 2021 г.)
Сборки с интеграцией Vue3 тоже будут!
- оценивается вконец апреля
- Индивидуально настраивается для совместимости с v2
Vue3 станет новой версией по умолчанию в конце второго квартала 2021 года!
- последний тег npm установит Vue3 по умолчанию
- Официальный сайт vuejs.org будет указывать документы Vue3
Спасибо всем!
Оригинальный push-адрес
Спасибо всем
Я ssh, в настоящее время работаю вКоманда веб-инфраструктуры ByteDance, В настоящее время команде все еще не хватает людей в Пекине, Шанхае, Гуанчжоу, Шэньчжэне и Ханчжоу (особенно в Пекине).
Я сформировалРекрутинговое сообщество с особенно хорошей атмосферой, вы можете обсуждать свои мысли и вопросы, связанные с интервью в свое удовольствие. Вы также можете присоединиться. Присылайте свое резюме мне в любое время, и вы можете подружиться.