什麼是 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 做什麼?
- 建置單頁應用程式 (SPA)
- 只要使用 Vue 的元件,即可將簡單的待辦事項清單新增至您的應用程式,或尋找更複雜的範例
- 利用 Nuxt.js 的協助,使用 Node.js 後端建置伺服器轉譯的網站
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 應用程式的狀態管理系統。