眾所周知，Vue.js 組件是Vue創(chuàng)建自定義元素的重要功能之一，同時，模板可幫助你避免從頭開始創(chuàng)建網(wǎng)頁設(shè)計?？傊@些工具對于希望其開發(fā)過程更快，更高效的任何Web開發(fā)人員都是必不可少的。

此外，在過去的幾年中，Vue.js 變得非常流行，許多企業(yè)將其添加到他們的技術(shù)棧中。該框架的優(yōu)點是它具有內(nèi)置的數(shù)據(jù)綁定和MVC模型(模型、視圖、控制器)，與Angular.js和React.js相比，它使配置更加容易。另外，Vue.js的學(xué)習(xí)曲線很小，與 Angular.js 相比，Vue更易于學(xué)習(xí)，理解和使用。

知道了這一點，我們收集了一份Vue.js組件、模板和實驗清單，如果你是一個初學(xué)者，可以幫助你對這個框架的意義有一個概念，如果你是一個Vue.js開發(fā)者，也可以為你的下一個項目找到一些靈感。

BootstrapVue Argon Dashboard PRO

BootstrapVue Argon Dashboard PRO是BootstrapVue和Vue.js的高級儀表板。這是一種全新產(chǎn)品，它基于我們從頭開始重新構(gòu)建的最新框架結(jié)構(gòu)，這種結(jié)構(gòu)旨在使產(chǎn)品更直觀，更具適應(yīng)性，并且更易于定制。讓Argon以其酷炫的功能給你帶來驚喜，讓你的項目達到一個全新的水平。

https://demos.creative-tim.com/bootstrap-vue-argon-dashboard-pro

Vue White Dashboard

Vue White Dashboard 是一個免費的開源Bootstrap 4和Vue.js Admin儀表板，其中包含大量的組件，這些組件可以組合在一起并看起來非常漂亮。Vue White儀表板具有16個以上的獨立組件，可讓你自由選擇和組合。所有組件的顏色都可以不同，你可以使用Sass文件輕松進行修改。

https://demos.creative-tim.com/vue-white-dashboard

Vue QRcode Reader

Vue QRcode Reader是一組用于檢測和解碼QR(二維碼)碼的Vue.js組件。它使你無需離開瀏覽器即可檢測和解碼QR碼，所有組件都具有響應(yīng)能力。除此之外，它接近零樣式，因此你可以使它們適合你的布局。使用方法簡單明了。

https://gruhn.github.io/vue-qrcode-reader

VueJS Expo

VueJS Expo是使用Vue.js框架收集的漂亮的網(wǎng)站，應(yīng)用程序和實驗。如果你是Vue.js框架的粉絲，那么這里可能是你獲得靈感的地方。展示包括基于VueJS的主題，元素，儀表板等。

https://vuejsexpo.com

Vue Paper Dashboard PRO

Vue Paper Dashboard PRO是一個基于Bootstrap和Vue構(gòu)建的漂亮資源，它將幫助你在短時間內(nèi)開始開發(fā)儀表盤。Vue Paper Dashboard Pro是Original Paper Dashboard Pro的VueJS移植版本。使用儀表板非常簡單，但是需要具備Javascript，Vue和Vue-Router的基礎(chǔ)知識。

Koel

Koel是一種簡單的基于Web的個人音頻流服務(wù)，在客戶端用Vue編寫，在服務(wù)器端用Laravel編寫。針對Web開發(fā)人員，Koel采用了一些更現(xiàn)代的Web技術(shù)——CSS grid，音頻和拖放API等來完成其工作。

https://koel.dev/

Vue Argon Dashboard

Vue Argon Dashboard是Bootstrap 4和Vue.js的儀表板。它是開源的，免費的，并且具有許多組件，可以幫助你創(chuàng)建出色的網(wǎng)站。Vue Argon儀表板內(nèi)置了100多個單獨的組件，因此你可以選擇和組合，因為實現(xiàn)了所有元素，所以從原型化到全功能代碼將節(jié)省大量時間。該儀表板附帶了預(yù)先構(gòu)建的示例，因此開發(fā)過程是無縫的，從我們的頁面切換到真實的網(wǎng)站非常容易。

https://demos.creative-tim.com/vue-argon-dashboard

Pagekit

Pagekit是使用Symfony組件和VueJS構(gòu)建的模塊化，輕量級CMS。無論是個人博客還是你公司的網(wǎng)站，都可以使用Pagekit來為網(wǎng)絡(luò)創(chuàng)建功能強大的內(nèi)容，使其在每臺設(shè)備上都能完美運行。它具有干凈直觀的界面，它也有一個很棒的內(nèi)置市場。

https://pagekit.com/

Vue Material Dashboard PRO

Vue Material Dashboard PRO是一個出色的高級管理模板，建立在Vue Material和VueJS之上。它是通過考慮你在儀表板中實際需要的東西而創(chuàng)建的。Vue Material Dashboard PRO包含精選和優(yōu)化的VueJS插件，一切都旨在相互配合。使用儀表板非常簡單，但是需要具備Javascript，VueJS和Vue Router的基礎(chǔ)知識。

https://demos.creative-tim.com/vue-material-dashboard-pro

Vue-Color

Vue-Color是一款來自Sketch、Photoshop、Chrome、Github、Twitter、Material Design等的酷炫的采色器。

Vue Material Kit

Vue Material Kit是基于Vue Material和VueJS構(gòu)建的令人驚嘆的免費開源資源。它將幫助你立即開始開發(fā)UI工具包。Vue Material Kit是原始Material Kit的官方VueJS版本。使用UI Kit非常簡單，但是需要Javascript，VueJS和Vue Router的基礎(chǔ)知識。

https://demos.creative-tim.com/vue-material-kit

Retrospectify

Retrospectify 是一個用 Vue 編寫的很棒的工具，用于以數(shù)字方式進行敏捷團隊回顧。當(dāng)與遠程團隊進行回顧時，或者當(dāng)您希望隨時間跟蹤回顧結(jié)果時，這將很有用。它有三種類型的筆記，你可以移動筆記或添加點到個別的筆記。

http://pepf.nl/retrospective

Code Notes

Code Notes是使用Electron&Vue.js構(gòu)建的開發(fā)人員的簡單代碼段管理器。使用它，你可以將多個片段保存在一個便箋中，按名稱/語言/標(biāo)簽進行搜索，還可以管理Github要點。

https://lauthieb.github.io/code-notes

【責(zé)任編輯：??趙寧寧?? TEL：（010）68476606】