共用方式為


什麼是 Vue.js?

Vue 是開放原始碼的前端 JavaScript 架構,用於在 Web 上建置使用者介面和單頁應用程式。 Vue 由 Evan You 建立,於 2014 年發行,並由 Evan 及其核心小組維護,著重於宣告式轉譯和元件組合,僅提供檢視層的核心程式庫。

如果您想要使用路由、狀態管理和建置工具等進階功能來建置伺服器轉譯的 Vue Web 應用程式,請參閱 Nuxt.js

是什麼讓 Vue 如此獨特?

Vue 使用 model-view-viewmodel 架構。 Evan You 先前曾在 Google 時使用 AngularJS 工作,並擷取 Angular 的組件,以提供更輕量型的架構。 Vue 在許多方面可能與 React、Angular、Ember、Knockout 等類似。如需這些其他 JavaScript 架構的更深入比較,請參閱 Vue 文件。

您能夠使用 Vue 做什麼?

Vue 工具

Vue.js 僅聚焦於檢視層,因此可能需要額外的工具來建立更複雜的應用程式。 您可能想要考慮使用:

  • 封裝管理員:Vue 的兩個熱門封裝管理員是 npm (隨附於 NodeJS) 和 yarn。 這兩者都支援可安裝的妥善維護封裝的廣泛程式庫。
  • Vue CLI:適合快速進行 Vue.js 開發的標準工具組,內含 Babel、PostCSS、TypeScript、ESLint 等現成可用的支援。
  • Nuxt.js:讓伺服器端轉譯的 Vue.js 應用程式成為可能的架構。 伺服器端轉譯可以改善 SEO,並讓使用者介面更具回應性。
  • VS Code 的 Vue 延伸模組套件:將語法醒目提示、程式碼格式設定和程式碼片段新增至 .vue 檔案。
  • Vuetify:提供材質設計架構元件的 Vue UI 程式庫。
  • Vuesion:生產就緒的漸進式 Web 應用程式 (PWA) 的 Vue 樣板。
  • Storybook:Vue 使用者介面元件的開發和測試環境。
  • Vue 路由器:支援將應用程式 URL 對應至 Vue 元件。
  • Vue 設計系統:使用 Vue.js 建置設計系統的開放原始碼工具。
  • VueX:Vue 應用程式的狀態管理系統。

其他資源