是從 Vue 2 開始學基礎還是直接學 Vue 3 ？尤雨溪給出的答案是：“直接學 Vue 3 就行了，基礎概念是一模一樣的。”
以上內容源引自最新一期的《程序員》期刊，原文鏈接為《直接學 Vue 3 吧 —— 對話 Vue.js 作者尤雨溪》。
前言
Vue 3.0 出來之后，我一直在不斷的嘗試學習和接受新的概念。沒辦法，作為一個前端開發，並且也不是畢業於名校或就職於大廠，不斷地學習，培養學習能力，才是我們這些普通前端開發的核心競爭力。
當然，有些同學抬杠，我專精一門技術，也能開發出自己的核心競爭力。好！！！有志氣。但是多數同學，很難有這種意志力。如 CSS 大佬張鑫旭、 Canva 大佬老姚、可視化大佬月影大大、面試題大佬敖丙等等等等。這些大佬在一件事情上花費的精力，是需要極高的意志力和執行力才能做到的。我反正做不到（逃）。
學無止境！
一定要動手敲代碼。僅僅學習而不實踐，這種做法也不可取。
本文主要是介紹一些我學習 Vue 3.0 期間，看過的一些比較有用的資源，和大家分享一下，不喜勿噴，噴了我也學着 @尼克陳 順着網線找到你家。
我與 Vue 3.0
其實一直都有在關注 Vue 3.0 相關的進度和新聞，不過真正學習是在它正式 release 后，2020 年 9 月我也發布了一篇文章《Vue 3.0 來了，我們該做些什么？》闡述了自己的看法，也制定了自己的學習計划。
其實，學習任何一門新技術的步驟都一樣：
看文檔 → 學習新語法 → 做小 demo → 做幾個實戰項目 → 看源碼 → 整理心得並分享。
學習 Vue 3.0 亦是如此，雖然我這個人比較愛開玩笑，也愛寫段子，標題取的也吊兒郎當，但是學習和行動起來我可不比別人差。
學習過程中看文檔、做 demo，然后也一直在學習和分享 Vue3 的知識點，比如發布一些 Vue3 的教程：
- 《Vue 3.0 來了，我們該做些什么？》
- 《Vue3實戰系列：結合 Ant-Design-of-Vue 實踐 Composition API》
- 《Vue3 來了，Vue3 開源商城項目重構計划正式啟動！》
- 《Vue3實戰系列：Vue3.0 + Vant3.0 搭建種子項目》
- 《🎉🎉一個基於 Vue 3 + Vant 3 的開源商城項目🎉🎉》
- 《Vue3教程：用 Vue3 開發小程序，這里有一份實踐代碼！》
- 《Vue3教程：Vue 3.x 快在哪里？》
- 《Vue3教程：開發一個 Vue 3 + element-plus 的后台管理系統》
- 《🎉🎉Vue 3 + Element Plus + Vite 2 的后台管理系統開源啦🎉🎉》
- 程序員的副業：寫了一個專欄《Vue 3企業級項目實戰》
也做了幾個 Vue 3.0 實戰的項目練手，之后發布到也開源了 GitHub 中，訪問地址如下：
in GitHub : https://github.com/newbee-ltd
in Gitee : https://gitee.com/newbee-ltd
一個是 Vue3 版本的商城項目：
一個是 Vue3 版本的后台管理項目：
源碼全部開放，后台 API 也有，都是很實用的項目。目前的反響還不錯，得到了很多的正向反饋，這些免費的開源項目讓大家有了一個不錯的 Vue3 練手項目，順利的完成了課程作業或者在簡歷里多了一份項目經驗，因此也收到了很多感謝的話。
接下來就是學習過程中，我覺得非常有用的資源了，大家在學習 Vue 3 時可以參考和使用。
Vue 3.0 相關技術棧
| 相關庫名稱 | 在線地址 🔗 |
|---|---|
| Vue 3.0 官方文檔(英文) | 在線地址 |
| Vue 3.0 中文文檔 | 在線地址 國內加速版 |
| Composition-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 的開源 UI 組件庫
Vue 2.0 時期，產生了不少好的開源組件庫，這些組件庫伴隨着我們的成長，我們看看哪些組件庫更新了 Vue 3.0 版本。
Element-plus
簡介：大家想必也不陌生，它的 Vue 2.0 版本是 Element-UI，后經坤哥和他的小伙伴開發出了 Vue 3.0 版本的 Element-plus，確實很優秀，目前點贊數快破萬了，持續關注。
倉庫地址 🏠 ：https://github.com/element-plus/element-plus ⭐ ： 9.8k
文檔地址 📖 ：https://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 官方推薦的組件庫。
倉庫地址 🏠 ：https://github.com/vueComponent/ant-design-vue ⭐ ： 14.8k
文檔地址 📖 ：https://antdv.com/docs/vue/introduce-cn
開源項目 🔗 ：
- AntdV后台管理系統 ⭐ ： 2.8k
- vue3.x + ant-design-vue（beta 版本，免費商用，支持 PC、平板、手機） ⭐ ： 8.2k
- 基於 Vue3.0 + Vite + Ant Design Vue ⭐ ： 74
他們的更新維護還是很積極的，最近一次更新實在 2021 年 2 月 27 號，可見這個組件庫還是值得信賴的，有問題可以去 issue 提。
Vant
簡介：國內移動端首屈一指的組件庫，用過的都說好，個人已經在兩個項目中使用過該組件庫，也算是比較早支持 Vue 3.0 的框架，該有的都有。
倉庫地址 🏠 ：https://github.com/youzan/vant ⭐ ： 16.9k
文檔地址 📖 ：https://vant-contrib.gitee.io/vant/v3/#/zh-CN
開源項目 🔗 ：
- newbee-mall Vue3 版本⭐ ： 1.7k
- 高仿微信記賬本 ⭐ ： 48
- 仿京東淘寶電商 ⭐ ： 319
NutUI 3
簡介：京東團隊開發的移動端組件庫，近期才升級到 Vue 3.0 版本，文章在此。雖然我沒有使用過這個組件庫，但是從他們的更新速度來看，比其他很多組件庫要快，說明對待最近技術，還是有態度的。
倉庫地址 🏠 ：https://github.com/jdf2e/nutui ⭐ ： 3.1k
文檔地址 📖 ：https://nutui.jd.com （看看這簡短的域名，透露出壕的氣息）
開源項目 🔗 ：基本上還沒有見到有公開的開源項目，如果有還望大家積極評論。
Vue 3.0 實戰視頻學習
| 相關庫名稱 | 在線地址 🔗 |
|---|---|
| Vue 3.0 實戰星座物語 H5 項目 | 在線地址 |
| Vue 3.0 UI 組件庫開發 | 在線地址 |
| Vue 3.0 + Vite 手冊閱讀 | 在線地址 |
| Vue 3.0 入門之項目搭建（楊村長） | 在線地址 |
| Vue 3.0 入門（技術胖） | 在線地址 |
| Vite 2.0 插件開發指南 | 在線地址 |
| Vue 3.0 + Vite 2.0 快速搭建 Electron 應用 | 在線地址 |
上述視頻，本人都學習過，質量可控，希望對大家入門 Vue 3.0 有幫助。
總結
學習是一輩子的事，不光指學習計算機技術，生活的方方面面都需要保持一個學習的心，祝大家學習愉快。