Ю Юси поделился кратким обзором экологического прогресса Vue3 на VueConf.

Vue.js
Ю Юси поделился кратким обзором экологического прогресса Vue3 на VueConf.

Я смотрел сегодня конференцию vueconf, и я хотел бы поделиться с вами тем, что You Da впервые рассказал об экологии vue3.Официальный ppt еще не получен, поэтому вы увидите его первым.

данные

В основном он сообщил о статистике роста npm-загрузок devtools и vue3, из которых devtools увеличился на 43%, а npm-загрузки увеличились на 51%.

Видимый импульс роста.

экологический прогресс

  • vue-router4 работает стабильно

  • vuex4 стабилен

  • Библиотека компонентов: quarsar, element-plus, ant design vue и т.д.Про оставшиеся два забыл.Только antdv официальная версия,а остальные в состоянии beta.Некоторые друзья злятся,что мощнейший вант на мобильном терминале также является официальной версией и не упоминается.

опыт разработки

  • СТРОИТЕЛЬНЫЕ ИНСТРУМЕНТЫ: не существует ожидания, вы, дадианская сила рекомендуется вите

    • vite: в основном представляет функции, механизм плагинов и прогресс ssr

      image-20210522103140007

      Что касается отношений между скаффолдингом vue-cli и vite, то они временно сосуществуют, и в будущем основное внимание будет уделяться vite.

      image-20210522103448243

      Толкнул VitePress, в основном из-за хорошего опыта разработки, друзья, у которых есть потребности в блогах, могут попробовать его.

      image-20210522103642448

  • Улучшения опыта разработки

    • Улучшить опыт написания SFC: в основном два RFC, а именноsetup scriptа такжеCSS style injection

      image-20210522103943981

    • сценарий установки: в основном упрощает использование Composition API в SFC. В окончательной версии удален спорный сахар ref.

      • Youda демонстрирует, как сценарии установки могут помочь нам упростить написание компонентов:

        <template>
	<p>{{counter}}</p>
  <Comp></Comp>
</template>
<script setup>
	import Comp from './Comp.vue'
  import {ref} from 'vue'
  const counter = ref(0)
</script>

      • Страница опыта рекомендуется:Vue SFC Playground

        image-20210522104818845

    • внедрение динамической переменной стиля: используйте адаптивные данные в тегах стиля, очень красиво

      image-20210522104858926

      image-20210522105012189

  • Devtools: поддерживает две версии одновременно, оптимизацию пользовательского интерфейса и отладку производительности, это будет более практично после поддержки vuex.

    image-20210522105140927

    image-20210522105243234

  • Улучшенная поддержка IDE/TS: Volar будет очень полезным инструментом, который может предоставлять подсказки по коду в шаблонах и обеспечивать тот же опыт, что и tsx, и, наконец, ждет вас!

    image-20210522105407731

  • замена ветура

    image-20210522105521814

Связанные с совместимостью

  • IE11 был полностью заброшен vue3

    image-20210522105744315

    vite+vue3 по умолчанию использует современный режим, который выводит целевые ES6+, нативные модули ES; конечно, традиционные пакеты можно выводить через плагины.

    image-20210522105847463

  • Версия миграции Vue3: это жилетная версия, которая будет частью кода vue3.1.Он носит оболочку vue3 и на самом деле является ядром vue2.Это можно понимать как запись vue2 в кодировке vue3!

    image-20210522105942454Vue3.2: следующая второстепенная версия, в основном для завершения функций SFC, таких как настройка скрипта, компоненты приостановки/асинхронная настройка, производительность, ssr и т. д.

    image-20210522110445614

  • vue2.7: версия vue2 со встроенным составным API

    image-20210522110626867

    Версия миграции vue3 - vue2.7?

    image-20210522110658432

  • vue3 будет версией по умолчанию: vue2 будет прошедшим временем во втором квартале 2021 года, v3 будет установлена ​​по умолчанию

    image-20210522110810891

Категории