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 還為我們提供了將應用程式準備釋出到網路的工具。您可以像這樣進行操作
- 如果您的本地伺服器仍在執行,請在終端中按 Ctrl + C 結束它。
- 接下來,在控制檯中執行
npm run build(或yarn build)。
這將建立一個新的 dist 目錄,其中包含所有可用於生產環境的檔案。要將您的網站釋出到網路,請將此資料夾的內容複製到您的託管環境中。
注意:Vue CLI 文件還包括一個 關於如何將您的應用程式釋出到許多常見託管平臺的特定指南。
Vue 2
Vue 2 支援將於 2023 年 12 月 31 日結束,所有 CLI 工具的預設 Vue 版本將為 3 及更高版本。 組合 API 作為基於屬性的 API 的替代方案,其中 setup() 函式用於元件。只有您從此函式返回的內容在您的 <template> 中可用。在使用此 API 時,您需要明確“響應式”屬性。Vue 使用 選項 API 為您處理此問題。這使得新的 API 通常被認為是更高階的使用案例。
如果您要從 Vue 2 升級,建議您檢視 Vue 3 遷移指南。