是從 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 有幫助。
總結
學習是一輩子的事，不光指學習計算機技術，生活的方方面面都需要保持一個學習的心，祝大家學習愉快。