Должен ли я изучать основы Vue 2 или изучать Vue 3 напрямую?Ответ Ю Юси:«Просто изучите Vue 3 напрямую, основные концепции точно такие же».
Приведенный выше контент взят из последнего номера журнала «Программист», оригинальная ссылка«Изучите Vue 3 напрямую — диалог с вами Юси, автором Vue.js».
предисловие
Vue 3.0После каминг-аута я пытался изучить и принять новые концепции. Ни в коем случае, будучи фронтенд-разработчиком, а не окончив знаменитую школу или работая на большом заводе, непрерывное обучение и развитие способности к обучению — это основная конкурентоспособность наших рядовых фронтенд-разработчиков.
Конечно, некоторые одноклассники поднимают планку, я специализируюсь на одной технологии и также могу развивать свою собственную основную конкурентоспособность. хорошо! ! ! Честолюбивый. Но большинству студентов трудно иметь такую силу воли. Такие какCSSбольшой пареньЧжан Синьсюй,Canvaбольшой пареньОтправь ему, босс визуализациибольшая лунная тень, интервью вопрос боссАо БингИ т. д. и т. д. Энергия, которую эти большие парни тратят на одно дело, требует чрезвычайно большой силы воли и исполнения. Я все равно не могу этого сделать (сбежать).
Учиться всю жизнь!
Обязательно начните вводить код. Также не рекомендуется просто учиться без практики.
Эта статья в основном знакомит с некоторыми из моихVue 3.0В течение этого периода я прочитал некоторые из наиболее полезных ресурсов и поделюсь с вами. Если вам это не нравится, не распыляйте его. После распыления я также узнал, что @nickchen Следуйте по сетевому кабелю, чтобы найти твой дом.
Я работаю с Vue 3.0
На самом деле, я внимательно следил за прогрессом и новостями, связанными с Vue 3.0, но по-настоящему узнаю об этом после его официального выпуска.В сентябре 2020 года я также опубликовал статью.Vue 3.0 уже здесь, что нам делать? 》Он объяснил свои взгляды и разработал собственный план обучения.
По сути, шаги по изучению любых новых технологий одинаковы:
Прочитайте документацию → изучите новый синтаксис → сделайте небольшую демонстрацию → выполните несколько практических проектов → прочитайте исходный код → организуйте опыт и поделитесь им.
То же самое и с изучением Vue 3.0.Хотя я люблю шутить и писать анекдоты, а название тоже снисходительное, в обучении и действии я ничем не хуже других.
В процессе обучения я читаю документацию, делаю демонстрацию, а затем я изучаю и делюсь знаниями о Vue3, например, публикую некоторые учебные пособия по Vue3:
- Vue 3.0 уже здесь, что нам делать? 》
- «Серия Vue3 Combat: сочетание Ant-Design-of-Vue с API практической композиции»
- «Vue3 здесь, план реконструкции торгового центра с открытым исходным кодом Vue3 официально запущен! 》
- «Боевая серия Vue3: Vue3.0 + Vant3.0 для создания начального проекта»
- 《🎉🎉Проект торгового центра с открытым исходным кодом, основанный на Vue 3 + Vant 3🎉🎉》
- «Учебное пособие по Vue3: разрабатывайте небольшие программы с помощью Vue3, вот практический код! 》
- Учебник по Vue3: Где Vue 3.x Fast? 》
- «Учебное пособие по Vue3: разработка системы фонового управления Vue 3 + element-plus»
- «🎉🎉Система управления фоном Vue 3 + Element Plus + Vite 2 с открытым исходным кодом🎉🎉»
- Со стороны программиста: написал колонку «Битва проектов корпоративного уровня Vue 3».
Я также сделал несколько практических проектов Vue 3.0 для практики, а затем выпустил его к GitHub, который также является открытым исходным кодом. Адрес доступа выглядит следующим образом:
in GitHub : github.com/newbee-ltd
in Gitee : gitee.com/newbee-ltd
Одна из них — версия Vue3 проекта торгового центра:
Одна из них — версия Vue3 проекта управления фоном:
Исходный код полностью открыт, а также есть фоновые API, которые являются очень практичными проектами. Текущий ответ неплохой, и я получил много положительных отзывов.Эти бесплатные проекты с открытым исходным кодом позволили каждому иметь хороший практический проект Vue3, успешно завершить курсовую работу или добавить опыт проекта в резюме, поэтому я также принимаю Много слов благодарности.
Следующий шаг — процесс обучения, я думаю, что это очень полезный ресурс, к которому каждый может обращаться и использовать при изучении Vue 3.
Стек технологий, связанных с Vue 3.0
| Имя связанной библиотеки | Онлайн адрес 🔗. |
|---|---|
| Официальная документация Vue 3.0 (на английском языке) | онлайн-адрес |
| Документация по Vue 3.0 на китайском языке | онлайн-адрес Отечественная ускоренная версия |
| Руководство по составу API | онлайн-адрес |
| Изучение исходного кода Vue 3.0 | онлайн-адрес |
| Официальная документация Vue-Router | онлайн-адрес |
| Vuex 4.0 | Github |
| vue-devtools | Github(Vue3.0 должен использовать последнюю версию) |
| Изучение исходного кода Vite | онлайн-адрес |
| Документация Vite 2.0 на китайском языке | онлайн-адрес |
| Что нового в Vue3 | онлайн-адрес |
Что нового в Vue3Я часто смотрю на этот склад.В нем самые свежие статьи по Vue 3,склады и т.д.,все на китайском.Автор должен быть нашим большим братом.На него тоже можно обратить внимание.
Обновите библиотеку компонентов пользовательского интерфейса с открытым исходным кодом для Vue 3.0.
Vue 2.0За этот период было создано много хороших библиотек компонентов с открытым исходным кодом. Эти библиотеки компонентов выросли вместе с нами. Давайте посмотрим, какие библиотеки компонентов были обновлены.Vue 3.0Версия.
Element-plus
Введение: Все должны быть знакомы с ним.Vue 2.0версияElement-UI, послеБрат Кунразработал со своими друзьямиVue 3.0версияElement-plus, действительно отлично, количество лайков в настоящее время почти более 10 000, продолжайте обращать внимание.
Адрес склада🏠 :GitHub.com/element-runaway…⭐ :9.8k
адрес документа📖:element-plus.gitee.io/#/zh-CN
проект с открытым исходным кодом🔗 :
- Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Система фонового управления, разработанная Axios⭐ :419
- Система фонового управления, написанная на Vue3.0+TypeScript+NodeJS+MySql.⭐ :262
В настоящее времяElement-plusВ мире не так много проектов с открытым исходным кодом.Element-UIСвязанные проекты с открытым исходным кодом, большие и маленькие делаютElement-plusприспособление. Спасибо такжеБрат Куни его друзья, продолжайтеElementтехническое обслуживание серии, эта параVueЭкология является очень весомым вкладом.
Ant Design of Vue
Введение: Это первая партия, которую нужно сделатьVue 3.0Адаптированная библиотека компонентов,AntdОфициально рекомендованная библиотека компонентов.
Адрес склада🏠 :GitHub.com/v UE CoMPO ...⭐ :14.8k
адрес документа📖 :ant DV.com/docs/v UE/in…
проект с открытым исходным кодом🔗 :
- Система управления фоном AntdV⭐ :2.8k
- vue3.x + ant-design-vue (бета-версия, бесплатная для коммерческого использования, поддерживает ПК, планшеты, мобильные телефоны)⭐ :8.2k
- На основе Vue3.0 + Vite + Ant Design Vue⭐ :74
Их обновление и сопровождение до сих пор очень активны, последнее обновление было 27 февраля 2021. Видно, что эта библиотека компонентов по-прежнему заслуживает доверия, если у вас есть какие-либо вопросы, вы можете перейти к вопросу.
Vant
Введение: Ведущая библиотека компонентов для мобильного терминала в Китае. Все, кто ей пользовался, говорят, что это хорошо. Я использовал эту библиотеку компонентов в двух проектах, и ее можно рассматривать как раннюю поддержку.Vue 3.0В фреймворке есть все необходимое.
Адрес склада🏠 :github.com/youzan/vant⭐ :16.9k
адрес документа📖 :фургон T-cont japan.git ee.IO/фургон T/V3/#/ в…
проект с открытым исходным кодом🔗 :
- версия newbee-mall Vue3⭐ :1.7k
- Учетная книга WeChat с высокой имитацией⭐ :48
- Имитация электронной коммерции Jingdong Taobao⭐ :319
NutUI 3
Введение: библиотека компонентов мобильного терминала, разработанная командой Jingdong, только недавно была обновлена доVue 3.0Версия,Статья здесь.虽然我没有使用过这个组件库，但是从他们的更新速度来看，比其他很多组件库要快，说明对待最近技术，还是有态度的。
Адрес склада🏠 :github.com/jdf2e/nutui⭐ :3.1k
адрес документа📖 :nutui.jd.com(Посмотрите на это короткое доменное имя, раскрывающее дух окопов)
проект с открытым исходным кодом🔗 : В принципе, публичных проектов с открытым исходным кодом я не видел, если они есть, то надеюсь, что вы прокомментируете их положительно.
Практические обучающие видео по Vue 3.0
| Имя связанной библиотеки | Интернет-адрес 🔗 |
|---|---|
| Vue 3.0 Созвездие История H5 Проект | онлайн-адрес |
| Разработка библиотеки компонентов пользовательского интерфейса Vue 3.0 | онлайн-адрес |
| Vue 3.0 + Vite ручное чтение | онлайн-адрес |
| Создание проекта для начала работы с Vue 3.0 (Cun Chief Yang) | онлайн-адрес |
| Начало работы с Vue 3.0 (технический жир) | онлайн-адрес |
| Руководство по разработке плагинов Vite 2.0 | онлайн-адрес |
| Vue 3.0 + Vite 2.0 для быстрого создания приложений Electron | онлайн-адрес |
Я изучил приведенные выше видео, и качество можно контролировать. Надеюсь, это будет полезно для всех, кто начнет работу с Vue 3.0.
Суммировать
Обучение - это вещь на всю жизнь, это относится не только к изучению компьютерных технологий, но и к тому, чтобы поддерживать учебу во всех аспектах жизни.Я желаю всем счастливого обучения.
Если не указана перепечатка/источник, все они являются оригинальными автором.Перепечатки приветствуются, но это утверждение должно быть сохранено без согласия автора, а ссылка на исходный текст дается в видном месте на странице статьи. , в противном случае сохраняется право на юридическую ответственность.