13 個優(yōu)秀的 Vue 開源項目及合集推薦

關注不迷路

使用 Vue 的好處

• 該框架非常小。約為18–21KB；
• Vue 支持用基于組件的方法來構建 Web 應用；
• 詳細的文檔。這對于初學者來說很容易上手；
• 易于理解。由于其結構簡單，你可以輕松地把 Vue.js 添加到自己的 Web 項目里。它憑借定義良好的體系結構來保存你的數(shù)據(jù)。生命周期方法和自定義方法是分開的；
• 輕松的集成。你可以通過 CDN 來輕松添加 Vue.js，不依賴 Node.js 和 npm 環(huán)境就可以用。完全可以把它當成替代 jQuery 的絕佳選擇；
• 出色的工具。?通過 Vue CLI ，你可以使用內置的路由、狀態(tài)存儲、Lint、單元測試、CSS預處理器、Typescript、PWA 等來啟動新項目。此外，Vue CLI 還提供了用于管理項目的UI。

Vue開源項目

UI組件

iView

Image source: https://iviewui.com/

Vue.js Modal

Image source: http://vue-js-modal.yev.io

Light Blue Vue Admin

Image source: https://flatlogic.com/templates/light-blue-vue-lite/demo

Mint UI

Image source: http://mint-ui.github.io/#!/en

Vuetify

• Buttons;

• Inputs;

• Cards;

• 輪播；

• Tables,

• 列表。

Buefy

• 支持 Material Design 圖標和 FontAwesome；

• 非常輕巧，除了 Vue 和 Bulma 之外，沒有任何內部依賴；

• 約 88KB；

• 語義代碼輸出。

Vue Material

工具包

Nuxt.js

• 自動轉譯和打包（通過 webpack 和 babel）；

• 代碼熱加載；

• 可以選擇服務器端渲染、單頁應用程序或靜態(tài)生成；

• 可通過 nuxt.config.js 文件進行配置；

• 為每個頁面的頁代碼進行拆分；

• 帶有 layouts/目錄的自定義布局；

• 僅加載關鍵的CSS（頁面級）。

Quasar

Bootstrap Vue

開發(fā)者工具

Statusfy

• Markdown 支持；

• 它是一個漸進式 Web 應用；

• 多國語言支持；

• 易于定制。

Cachet

VeeValidate

• 易于設置的基于模板的驗證；

• i18n 支持 40 多個語言環(huán)境和錯誤消息；

• 支持異步和自定義規(guī)則；

• 用 TypeScript 編寫；

• 無依賴性。

• 能夠為你的用戶制作復雜的 UX；

• 最常見的驗證是被內置的；

• 跨領域驗證；

• 用于增強表格的可訪問性和樣式的實用工具；

• 本地化內置在內核中。

https://github.com/opendigg/awesome-github-vue

總結

PS：如果覺得我的分享不錯，歡迎大家隨手點贊、在看。
3 個簡單的技巧讓你的 vue.js 代碼更優(yōu)雅！
Vue 項目前端多語言方案
如何評價一個開源項目？是它了
騰訊開發(fā)團隊又一開源利器發(fā)布！
阿里云發(fā)布全新開源操作系統(tǒng)！

明天見(??ω??)??