Vue 資源
現在我們將透過提供一份您可以用來深入學習 Vue 的資源列表,以及一些其他有用的技巧來結束我們的 Vue 學習。
| 預備知識 |
熟悉核心 HTML、CSS 和 JavaScript 語言,瞭解 終端/命令列。 Vue 元件由管理應用程式資料的 JavaScript 物件和對映到底層 DOM 結構的基於 HTML 的模板語法組合編寫而成。為了安裝和使用 Vue 的一些更高階功能(如單檔案元件或渲染函式),您需要一個安裝了 Node + npm 的終端。 |
|---|---|
| 目標 | 瞭解在哪裡可以找到有關 Vue 的更多資訊,以繼續您的學習。 |
更多資源
以下是您應該去了解更多關於 Vue 的地方
- Vue 文件 — Vue 的主站。包含全面的文件,包括示例、食譜和參考資料。這是深入學習 Vue 的最佳起點。
- Vue GitHub 倉庫 — Vue 程式碼本身。您可以在這裡報告問題和/或直接貢獻 Vue 程式碼庫。研究 Vue 原始碼可以幫助您更好地理解框架的工作原理,並編寫出更好的程式碼。
- Vue 討論區 — 獲取 Vue 幫助的官方論壇。
- Vue CLI 文件 — Vue CLI 的文件。包含有關自定義和擴充套件您透過 CLI 生成的輸出的資訊。
- Nuxt — Nuxt 是一個伺服器端 Vue 框架,它具有一些架構原則,即使您不使用它提供的任何伺服器端渲染功能,也能有助於建立可維護的應用程式。本站提供有關使用 Nuxt 的詳細文件。
- Vue Mastery — 一個付費教育平臺,專注於 Vue,包括一些免費課程。
- Vue School — 另一個專注於 Vue 的付費教育平臺。
構建和釋出您的 Vue 應用
Vue CLI 還為我們提供了準備釋出到 Web 的應用工具。您可以這樣做:
-
如果您的本地伺服器仍在執行,請在終端中按 Ctrl + C 鍵停止它。
-
接下來,在控制檯中執行
npm run build(或yarn build)。
這將建立一個新的 dist 目錄,其中包含所有為生產環境準備好的檔案。要將您的網站釋出到 Web,請將此資料夾的內容複製到您的託管環境中。
注意: Vue CLI 文件還包括一份關於如何釋出您的應用的具體指南,適用於許多常見的託管平臺。
Vue 2
Vue 2 的支援將於 2023 年 12 月 31 日結束,所有 CLI 工具的預設 Vue 版本將是 3 及更高版本。 Composition API 作為屬性基 API 的替代方案,在元件中使用 setup() 函式。只有您從該函式返回的內容才會在您的 <template> 中可用。使用此 API 時,您需要明確指定“響應式”屬性。Vue 透過 Options API 為您處理此問題。因此,新的 API 通常被認為是更高階的用例。
如果您正在從 Vue 2 升級,建議您檢視 Vue 3 遷移指南。