這個精心挑選的列表將幫助 Vue 初學者找到七個很棒的資源來開始學習 Vue。
我相信你來這裡是為了尋找一些資源來開始學習 Vue.js 框架的奇妙旅程，無論是作為第一個工具還是你熟悉的其他框架的附加工具。不管怎樣，你很幸運，因為這就是我們將在這篇文章中介紹的內容。
隨著現代 Web 應用程式對更多功能、複雜性、可訪問性和性能的需求不斷增加，開發人員面臨著更艱巨的任務，即交付滿足現代用戶需求的高質量 Web 應用程式。
為了幫助實現這一目標，我們開發了經過深思熟慮的代碼塊，這些代碼塊提供了作為庫和框架存在的一致且標準化的應用程式結構，以進一步增強開發人員的能力並簡化將優秀應用程式交付到生產環境中所涉及的流程。
多年來，已經開發出了許多出色的前端框架/庫，每個框架/庫都有其獨特的方式來開展業務，為 Web 應用程式構建動態、數據驅動的用戶界面。在這篇文章中，我們將關註這一長串框架中的重要人物；根據StackOverflow 2021 年 Web 框架流行度統計，Facebook 的 React.js 排名第一，其次是 Google 的 Angular 和 Vue.js。
乍一看，根據上面介紹的受歡迎程度統計數據和科技巨頭的支持，你可能會想大驚小怪地放棄 Vue.js，但嘗試以這種方式解釋統計數據可能會產生一些誤導性的結果。你可能會感興趣的是，雖然 Vue.js 創建的時間較晚，但與較早出現的另外兩個相比，Vue.js 在 2014 年創建，在撰寫本文時，Vue 擁有最高的 GitHub 星數，為 190k，超過了 React 的 185k 和 Angular 的 80k 。這展示了 Vue.js 是如何發展併在業界真正流行的。
這三個框架都有其獨特之處，但它們的架構有一些相似之處。眾所周知，Vue.js 的核心結合了 React 和 Angular 的大部分最佳功能。Vue.js 使用虛擬 DOM，這是使 React 快速的相關功能之一。Vue.js 也是基於組件的，使用雙向數據綁定並採用聲明式方法——Angular 和 React 共用的架構。因此，所有三個框架都遵循傳統的 MVC 模式。Vue.js 還與 Angular 共用類似的模板語法。

先決條件

在學習 Vue 之前，讀者必須至少對三種核心 Web 技術——HTML、CSS 和 JavaScript 有一定的瞭解。

為什麼要學習 VueJS？

在我們開始討論如何做之前，這裡列出了一些需要考慮的“原因”。

1. Vue.js 是一個漸進式框架，這僅僅意味著它允許你根據需要在小型、中型或大型項目中採用和集成它，即，Vue 提供了我們將其完全集成到任何項目中所需的所有靈活性（其中將控制我們的整個應用程式）或部分地僅處理應用程式的某些部分。
2. 憑藉出色的文檔和活躍的社區支持的高度可定製性和簡單性，Vue.js 實現了非常平滑的學習曲線，從而加快了團隊和公司的採用速度
3. 這個框架的簡單性（這絕不意味著使用上的限制）意味著，無論 Vue 如何使用，我們仍然提供了一個工具箱，允許構建最先進的 Web 應用程式，無論是簡單的還是複雜的，根據需要無縫擴展。
4. 此外，Vue.js 現在被很多公司使用，例如阿裡巴巴、Google、Gitlab、Upwork、Apple、Facebook 等。通過學習 Vue 被該行業聘用的可能性非常高。

如何學習 Vue

以下是一些頂級教程、書籍和相關文章的列表，可以幫助你儘快開始使用 Vue.js。
需要註意的是，本指南中提供的大部分資源可確保你瞭解最新版本的 Vue，即版本 3.x，它仍然完全向後相容 Vue 2.0 或更低版本。你的學習路徑必須利用該技術的最新版本及其附帶的新功能，原因有幾個——最突出的是 Vue.js 的官方文檔已移至 Vue 3。
Vue 3 附帶了一些基於 Vue 2 構建的新功能，例如引入組合 API（它允許你開發更好的組件並提高 Web 應用程式的可重用性）、傳送組件以及對 TypeScript 的開箱即用支持; 更好地優化捆綁大小等。如果你已經熟悉 Vue 2，可以下載此備忘單以查看遷移指南。
以下是學習 Vue 的七個最佳教程的鏈接的快速列表，下麵我將詳細介紹每個教程：

Vue - 完整指南（包括路由器和組合 API）
本課程由Maximilian Schwarzmüller創建並上傳到 Udemy。該課程目前的評分為 4.8 星，好評如潮。根據課程描述，該課程從頭開始非常詳細地教授最新版本的 Vue (Vue.js 3)。
該課程還涵蓋了所有核心基礎知識，但並不止於此，它還深入探討了高級概念，例如 Vue 3 中引入的 Composition API。還需要註意的是，這是一門付費課程。

Vue視頻教程，Vue2 Vue3實戰精講，一套通關vue
本套Vue視頻教程從Vue2開始講解，一步一個案例，知識點由淺入深，然後很自然的過度到Vue3版本。
視頻中會把每一個Vue的知識點講解的非常通透，不但舉例告訴你怎麼用，還會告訴你底層實現原理。
本套視頻中會從零手寫一個Vue的數據代理機制，都是源碼級的講解。

Vue School 初學指南
Vue School 為各個級別的開發者提供了豐富的免費和付費視頻，幫助他們動手學習如何使用 Vue 框架。對於初學者部分，你將看到一組有序的資源，你可以在其中學習框架的核心概念 - 包括組件是什麼，如何創建它們（即使用選項或組合 API），瞭解 props 以及如何重用組件。你還將瞭解 Vue.js 應用程式中組件的生命周期、創建和管理狀態、列表渲染指令、事件處理等等。
此處提供的課程描述適用於指南的免費部分。但是，你始終可以通過參加高級課程來升級併進一步提高你的靈活性，這些課程仍然是這個初學者系列的一部分，以進一步提高。

Vue JS 初學者（60 個視頻）
本系列由 Codevolution YouTube 頻道創建，是一個非常適合初學者的指南，從頭開始，涵蓋了在最基本的層面上熟悉 Vue.js 所需的所有必要概念。
你首先學習如何正確設置開發環境，然後瞭解在應用程式中使用 Vue.js 的各種方法，包括使用 Vue CLI 構建工具的流行方法。然後你將瞭解組件、指令、觀察者、槽、選項、組合 API 等。
本文是一個非常適合初學者的指南，從頭開始，涵蓋了在最基本的層面上熟悉 Vue.js 所需的所有必要概念。
你首先學習如何正確設置開發環境，然後瞭解在應用程式中使用 Vue.js 的各種方法，包括使用 Vue CLI 構建工具的流行方法。然後你將瞭解組件、指令、觀察者、槽、選項、組合 API 等。
本指南將逐步引導你從基本概念到與框架相關的更高級概念。

全棧 Vue 3
它是最暢銷的 Vue.js 書籍之一，由高級軟體工程師 Hassan Djirdeh 撰寫，由 Nate Murray 和 Ari Learner 共同撰寫。它們都是不斷發展且活躍的學習社區（稱為 newline）的一部分。本書為任何級別的開發人員提供了全面的指南，幫助他們掌握 Vue 的幾乎所有核心••功能以及 Vue 生態系統中的豐富工具；在本指南中，你將學習使用最佳實踐構建世界一流的 Web 應用程式的所有概念。
你將從逐步理解框架開始；如何以傳統方式設置開發環境，即使用腳本標簽和 Vue CLI，並逐漸接觸其他概念，例如指令、事件處理、高級狀態管理、路由、組合 API、測試等。
本書通過實踐指南涵蓋了這些內容，你將在其中構建多個 Web 應用程式，從投票應用程式、日曆事件應用程式、筆記應用程式、購物車等開始。每個應用程式都會讓你接觸到使用一個或多個 Web 應用程式。更多框架的核心功能。

Vue 官方文檔
正如你可能已經推斷出的那樣，這些文檔準確地描述了有關框架及其功能的每個細節。文檔中有很多部分，每個部分都描述框架的一個方面或如何使用框架的一個或多個功能。
對於初學者，你可以獲得教程部分，其中提供了瞭解大部分 Vue 基礎知識的實踐指南。你還配備了一個編碼游樂場，讓你可以輕鬆地進行編碼，併在完成教程系列時親自動手。重要的是，儘管瀏覽了本指南中的所有其他資源，你仍然可以將文檔作為參考來進一步調整你對 Vue 的理解。

其他資源

Vue 3 要點備忘單
Vue 3備忘單〔 Vue 精通〕
Vue 速查表 | 終極版

結尾

儘管互聯網上有許多教程、課程和書籍可以學習任何技術，但本指南為你提供了一些特別精心挑選的寶貴資源，以開始你掌握 Vue.js 框架的旅程。

本文由博客群發一文多發等運營工具平臺 OpenWrite 發佈