Учебное пособие по Vue3.0 — Человек

Введение

Привет всем, я wangly19. Front-end инженер, написанный на небольшой фабрике. С идеальным временем библиотеки компонентов,Vue3.0В разработке также подведен некоторый опыт. Я написал статью, надеясь внести свой вклад в путь обучения каждого. Текущая глава является вводной главой.

Серия руководств по разработке Vue

Руководство по разработке Vue — ВведениеПроверить
Руководство по разработке Vue — Начало работыПроверить

Официальная периферическая поддержка

заглавие	Версия
Vue	next: 3.0.0-rc.5
Vue-Router	next: 4.0.0-beta.4
Vuex	next: 4.0.0-beta.4

Быстрый просмотр версий библиотеки зависимостей

# npm命令
npm info <项目包名>

О вите

Особенно здорово через некоторое время после приземления CompositionAPI в разработке инструмента, его функции иSnowpackПринцип работы тот же. решатьWebpackИнструмент, который выброшен из-за проблем с медленной компиляцией и медленной упаковкой. через родной браузерImport ModuleПринцип заключается в запросе кода в соответствующем модуле. Так умело избегалиWebpackВремя, необходимое для компиляции кода в среду разработки, поэтому по скорости запуска почти убивает за секундыWebpackскорость для лучшего опыта. Для получения подробной информации вы можете обратиться к некоторым введениям на его официальном сайте и испытать его на себе.

Официальный сайт Сноупак:нажмите, чтобы войти
Адрес Vite@Github:нажмите, чтобы войти

Поделитесь своим личным мнением, мне лично очень нравится этот инструмент, но он еще не выпустил официальную версию, он все еще находится в версии RC, которая является финальной бета-версией. Ожидается, что он будет выпущен с пакетом Vue3. Возможно, следующийVueCli. Кроме того, из-за его молодости некоторые обсуждения программ сообщества и ресурсы плагинов иWebpackПо сравнению с ним явно слабее. Нам остается только ждать, пока будущая экологическая среда станет достаточно стабильной, тогда она станет очень популярной. он встроенTypescriptПоддержка фантастическая. Для некоторых тестовых проектов или личных проектов я предпочитаю использовать ихViteкак предпочтительное решение для проекта. Вот надеюсь, что это становится все лучше и лучше, горькоWebpackдавным-давно.

О машинописном тексте

Исходный код Vue3.0 был использованTypescriptОн был переписан, так что он также очень совершенен в выводе типа. Здесь для использованияTypescriptЯ все еще поддерживаю рациональное состояние, чтобы весить. Вы не можете использовать Typescript вслепую, потому что его используют другие Мне нравятся некоторые советы по IDE, которые Vue3 привносит в нативный JavaScript. не используяTypescriptВ случае , вы также можете воспользоваться некоторыми преимуществами, связанными с выводом типов. использоватьTypescriptЭто может обеспечить более надежную разработку проекта и более совершенные характеристики типов переменных, но в то же время увеличивает цикл проекта и увеличивает объем кода. Компромисс между плюсами и минусами должен осуществляться с учетом ряда факторов.

Итак, во вводной главе все варианты кода начинаются сtypescript的形式来写示例的。 если неtypescriptстуденты действительно могут понять.

О плагиате React

по фактуcompositionAPIКогда он вышел, он вызвал много нареканий. Большинство из них говорят, что это слишком сложно для изучения и слишком похоже на React. На самом деле эти изменения неизбежны. решать лиmixinsПроблема восприятия пользователя, илиOptions APIПроблема логической фрагментации,TypescriptВсе проблемы с выводом типов указывают наVueбудуAPIПроизошел крупный обмен.

You Da также упомянул ссылку в «Front-end Meeting Room».React. Но плагиат - это немного преувеличение. после всегоVueПункт продажи всегда был отзывчивым механизмом. В использованииcomposiiton APIВ течение этого периода я обнаружил, что самым большим изменением стала адаптивная система, которая не только решила проблему потери отзывчивости ссылочных типов в прошлом, но иMap, SetЯ был приятно удивлен, когда новые структуры данных ES6 также поддерживают реактивность.

В работе по компиляции шаблонов Diff также проделал большую работу. когда ты углубляешьсяcomposiiton APIВ то время вы обнаружите, что Vue проделал больше работы для вашего проекта, прежде чем вы это осознаете, но очевидно, что эта работа не может быть воспринята с положительной стороны.

Проблема с прокси

Замена в Vue3ProxyзаменитьObject.definePropertyПри обработке уведомлений о перехвате ответных данных он также официально заявил о своем отношении к некоторым браузерам.

То есть: что ты это делаешь?

Как мы все знаем, браузер IE очень сожалеет о поддержке синтаксиса ES6.Даже в версии 11, которая является встроенным IE в Windows 10, он по-прежнему не поддерживает некоторые новые функции ES6 и синтаксис CSS3.Обычные жертвы:Flex,Grid,MinHeightи т. д. стили CSS3 иfind,filter,箭头函数() => и т.п. общие вещи.

Однако в Китае многие компании все еще застряли в предыдущей эпохе, большинство из которых основано на政府,医疗Ждите старых проектов.

позже

Введение используется как начало статьи, и я фактически использую его.composition APIКакие-то ощущения при разработке, если вы изучили React, я думаю, вы можете сделать очень дружелюбный переход, потому что есть хороший функционал иhooksМысль.

Мое личное любимое изменение — улучшение логического разбиения и скорости отклика данных, мне оно не особо понравилось.mixinsповторное использование кода. Я должен смотреть это снова и снова, этоmixinЧто, черт возьми, было смешано. В конце концов я даже открыл окно специально, чтобы увидеть этоmixinдокументация.

Скорость реагирования Vue3.0 на данные была значительно улучшена, и нет необходимости вручную выполнять некоторые типы ссылок.$set,$deleteэксплуатации и даже поддерживаетсяMap,SetЖдать новой структуры. Это также означает, что при обработке некоторых решений больше решений можно выбрать более плавно, и в будущем в сообществе можно увидеть более превосходные решения и навыки.

Каждое обновление фреймворка вызовет большое количество пользовательских итераций. В последнее время из-за беспокойства о смене работы обновление немного замедляется, и я надеюсь обновить расширенную главу до выхода Vue3.