隨著 Vue.js 和 Nuxt.js 社區(qū)的不斷壯大，經(jīng)常會(huì)出現(xiàn)一些好用的軟件包。今天小編就給大家整理出20個(gè)實(shí)用的Vue 開源庫(kù)，如果對(duì)你有用的話，歡迎收藏轉(zhuǎn)發(fā)哦~

1、Vue Virtual Scroller

Vue Virtual Scroller是用于 Vue.js 應(yīng)用程序的快速無(wú)限制滾動(dòng)，這個(gè)還挺好用的。

地址：https://github.com/Akryum/vue-virtual-scroller

2、Vue Native

React Native的好用了，就不用我多說(shuō)了吧?而Vue Native就像 React Native 一樣，可以使用 JavaScript 來(lái)構(gòu)建跨平臺(tái)的原生移動(dòng)應(yīng)用程序。

地址：https://vue-native.io

3、Vue Dark Mode

Vue Dark Mode是Vue.js的一個(gè)簡(jiǎn)約高級(jí)的深色設(shè)計(jì)系統(tǒng)，它提供了基本組件，用于構(gòu)建喜歡暗色的設(shè)計(jì)者們會(huì)習(xí)慣使用的深色界面。

地址：https://github.com/LeCoupa/vuedarkmode

4、Vue Content Placeholders

Vue Content Placeholders時(shí)可組合組件，一般在獲取真實(shí)內(nèi)容時(shí)，能使用這些可組合組件渲染虛假的漸進(jìn)式內(nèi)容。

地址：https://github.com/michalsnik/vue-content-placeholders

5、Vue Clickaway

Vue Clickaway是一種可重復(fù)的點(diǎn)擊命令，能夠檢測(cè)并響應(yīng)元素外部的點(diǎn)擊動(dòng)作。一般適用于當(dāng)需要關(guān)閉模態(tài)窗口，或者要隱藏下拉列表時(shí)，是一個(gè)很方便的框架。

地址：https://github.com/simplesmiler/vue-clickaway

6、Vuetable-2

這是Vue.js 的數(shù)據(jù)表組件，就不用多說(shuō)啦，大家都懂。

地址：https://www.vuetable.com/

7、Bootstrap-Vue

Bootstrap-Vue應(yīng)該是不可獲取的，因?yàn)樗峁┝俗钊娴?Bootstrap V4 實(shí)現(xiàn)。

地址：https://bootstrap-vue.js.org/

8、Vue Numeric

在Vue.js 輸入字段組件后，Vue Numeric用于顯示格式化的貨幣值。

地址：https://github.com/kevinongko/vue-numeric

9、Vue Notification

這個(gè)一般是用于 Vue.js 應(yīng)用程序中的成功、警告和錯(cuò)誤通知。我們可以把它可以放在任何你想要的位置，是一個(gè)蠻好用的功能。

地址：http://vue-notification.yev.io/

10、Vue Waypoint

如果想要在滾動(dòng)時(shí)觸發(fā)動(dòng)畫，v-waypoint 指令對(duì)你來(lái)說(shuō)就很實(shí)用，它用于在滾動(dòng)時(shí)觸發(fā)函數(shù)。

地址：https://github.com/scaccogatto/vue-waypoint

11、Vue Cleave Component

這個(gè)組件，主要是用于在輸入時(shí)格式化輸入內(nèi)容(比如說(shuō)各種格式、日期等)。

地址：https://github.com/ankurk91/vue-cleave-component

12、Vue Draggable Resizable

如果你想要可調(diào)整大小和可拖動(dòng)的元素，并且沒有外部依賴的話，那么這個(gè)組件非常適合。

地址：https://github.com/mauricius/vue-draggable-resizable

13、Vuelidate

Vuelidate可用于進(jìn)行基于模型的驗(yàn)證，用了它之后，實(shí)現(xiàn)表單驗(yàn)證現(xiàn)在變得非常容易。

地址：https://github.com/monterail/vuelidate

14、Vue Moment

如果需要在 Vue.js 應(yīng)用程序中使用 Moment.js，那么可以試試這個(gè)組件，會(huì)很驚喜的。

地址：https://github.com/brockpetrie/vue-moment

15、Vue Trend

Vue Trend可以稱得上是非常優(yōu)雅和高級(jí)的一款趨勢(shì)圖組件，建議大家有需要的話可以試試。

地址：https://github.com/QingWei-Li/vue-trend

16、Vue Popper

這是一個(gè)基于 popper.js 的 Vue.js 彈出窗口組件，比較簡(jiǎn)單，但也很實(shí)用。

地址：https://robinck.github.io/vue-popper/

17、Vue Slider Component

Vue Slider Component挺不錯(cuò)的，里面的10種滑塊組件，都使用 Vue.js 開發(fā)。

地址：https://nightcatsama.github.io/vue-slider-component/example

18、Vue Clipboard

這是一個(gè)簡(jiǎn)約小巧的 Vue.js 包，能幫助用戶將文本復(fù)制到基于clipboard.js的剪貼板。

地址：https://vue-clipboard2.inndy.tw/

19、Vue.Draggable

Vue.js 組件，基于 Sortable.js 進(jìn)行同步的拖放排序。

地址：https://github.com/SortableJS/Vue.Draggable

20、Emoji Mart Vue

它是來(lái)源于 React 的 emoji-mart fork ，可以用在Vue.js 的 Slack 風(fēng)格的可定制表情符號(hào)選擇器組件，蠻好玩的。

地址：https://github.com/jm-david/emoji-mart-vue

這20個(gè)實(shí)用的 Vue 開源庫(kù)你收藏了嗎?