Vue 資源

現在,我們將透過提供一些資源來結束對 Vue 的學習,這些資源可以幫助您更深入地學習,以及一些其他有用的提示。

先決條件

熟悉核心 HTMLCSSJavaScript 語言,瞭解 終端/命令列

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 2

Vue 2 支援將於 2023 年 12 月 31 日結束,所有 CLI 工具的預設 Vue 版本將為 3 及更高版本。 組合 API 作為基於屬性的 API 的替代方案,其中 setup() 函式用於元件。只有您從此函式返回的內容在您的 <template> 中可用。在使用此 API 時,您需要明確“響應式”屬性。Vue 使用 選項 API 為您處理此問題。這使得新的 API 通常被認為是更高階的使用案例。

如果您要從 Vue 2 升級,建議您檢視 Vue 3 遷移指南