今天來(lái)推薦幾個(gè)熱門(mén)又實(shí)用的 Vue.js 庫(kù)！
1. 狀態(tài)管理（1）Pinia
Pinia 是最新一代的 Vue 輕量級(jí)狀態(tài)管理庫(kù)。它適用于 Vue 2.x 和 Vue 3.x。它是 Vue 官方成員在2019年11月重新設(shè)計(jì)的一個(gè)狀態(tài)存儲(chǔ)庫(kù)，它允許你跨組件/頁(yè)面共享狀態(tài)，并且是響應(yīng)式的，類似于 Vuex。
Github：https://github.com/vuejs/pinia
（2）Vuex
Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。
Github：https://github.com/vuejs/vuex
（3）vuex-persist
vuex-persistedstate 是一個(gè)支持 Type 的Vuex插件，使你能夠?qū)?yīng)用程序的狀態(tài)保存到持久存儲(chǔ)中，例如 Cookies 或 localStorage。
Github：https://github.com/championswimmer/vuex-persist
2. 表單（1）VeeValidate
vee-validate 是Vue.js的表單驗(yàn)證庫(kù)，它允許驗(yàn)證輸入并以熟悉的聲明式樣式或使用組合函數(shù)構(gòu)建更好的表單 UI。
Github：https://github.com/logaretm/vee-validate
（2）vue-form-making
vue-form-making 是一個(gè)基于 vue 和 element-ui 實(shí)現(xiàn)的可視化表單設(shè)計(jì)器，使用了最新的前端技術(shù)棧，內(nèi)置了 i18n 國(guó)際化解決方案，可以讓表單開(kāi)發(fā)簡(jiǎn)單而高效。
Github：https://github.com/GavinZhuLei/vue-form-making
（3）FormKit
FormKit 是一個(gè)面向 Vue 開(kāi)發(fā)人員的表單創(chuàng)作框架，它使構(gòu)建高質(zhì)量的生產(chǎn)就緒表單的速度提高了 10 倍。
Github：https://github.com/formkit/formkit
3. 文檔（1）VitePress
VitePress 是 VuePress 的繼承者，建立在vite 之上。目前，正處于alpha階段。它已經(jīng)適合開(kāi)箱即用的文檔使用，但配置和主題 API 可能仍會(huì)在次要版本之間發(fā)生變化。
Github：https://github.com/vuejs/vitepress
（2）VuePress
VuePress 是一個(gè)基于 Vue 的輕量級(jí)靜態(tài)網(wǎng)站生成器，以及為編寫(xiě)技術(shù)文檔而優(yōu)化的默認(rèn)主題。它是為了滿足 Vue 自己的子項(xiàng)目文檔的需求而創(chuàng)建的。
Github：https://github.com/vuepress/vuepress-next
（3）Gridsome
Gridsome 是一個(gè)基于 Vue.js 構(gòu)建的 Jamstack 框架，它讓開(kāi)發(fā)人員可以輕松地構(gòu)建靜態(tài)生成的網(wǎng)站和應(yīng)用程序，這些網(wǎng)站和應(yīng)用程序天生速度快。
Github：https://github.com/gridsome/gridsome
4. 測(cè)試（1）Vitest
Vitest 是一個(gè)由 Vite 提供支持的極速單元測(cè)試框架。其和 Vite 的配置、轉(zhuǎn)換器、解析器和插件保持一致，具有開(kāi)箱即用的 Type / JSX 支持。
Github：https://github.com/vitest-dev/vitest
（2）Jest
Jest 是一個(gè)全面的 JAVA 測(cè)試解決方案，專注于簡(jiǎn)潔明快。適用于大多數(shù) Java 項(xiàng)目。
Github：https://github.com/facebook/jest
（3）Mocha
mocha是一個(gè)功能豐富的java測(cè)試框架，運(yùn)行在node.js和瀏覽器中，使異步測(cè)試變得簡(jiǎn)單有趣。Mocha測(cè)試連續(xù)運(yùn)行，允許靈活和準(zhǔn)確的報(bào)告，同時(shí)將未捕獲的異常映射到正確的測(cè)試用例。
Github：https://github.com/mochajs/mocha
5. 可視化（1）Vue ChartJS
vue-chartjs 是一個(gè) Vue 對(duì)于 Chart.js 的封裝，讓用戶可以在Vue中輕松使用Chart.js，很簡(jiǎn)單的創(chuàng)建可復(fù)用的圖表組件，非常適合需要簡(jiǎn)單的圖表并盡可能快地運(yùn)行的人。vue-chartjs抽象了基本邏輯，同時(shí)也暴露了Chart.js對(duì)象，讓用戶獲得最大的靈活性。它支持 Vue 3 和 Vue 2。
Github：https://github.com/apertureless/vue-chartjs
（2）Apache ECharts
Apache ECharts 是一款基于Java的數(shù)據(jù)可視化圖表庫(kù)，提供直觀，生動(dòng)，可交互，可個(gè)性化定制的數(shù)據(jù)可視化圖表。它是用純 Java 編寫(xiě)的，基于zrender，是一個(gè)全新的輕量級(jí)畫(huà)布庫(kù)。!
GitHub：https://github.com/apache/echarts
（3）Vue-ECharts
Vue-ECharts 是 Apache ECharts 的 Vue.js 組件。使用 Apache ECharts 5，同時(shí)支持 Vue.js 2/3。
Github：https://github.com/ecomfe/vue-echarts
（4）Trois
Trois 是一個(gè)基于 Three.JS 的 Vue 3 可視化庫(kù)，它是一個(gè)流行的 WebGL 庫(kù)。Three.JS 對(duì)桌面和移動(dòng)設(shè)備都有很好的支持。該庫(kù)允許我們使用 VueJS 組件輕松為網(wǎng)站創(chuàng)建 3D 效果。
Github：https://github.com/troisjs/trois
6. 組件（1）Vue Grid Layout
vue-grid-layout 是一個(gè)網(wǎng)格布局系統(tǒng)，類似于 Gridster，用于 Vue.js。
Github：https://github.com/jbaysolutions/vue-grid-layout
（2）Vue Draggable
Vue Draggable 是一個(gè)基于 Sortable.js 的 Vue 拖拽組件。
Github：https://github.com/SortableJS/Vue.Draggable
（3）Vue Tour
Vue Tour 是一個(gè)輕量級(jí)、簡(jiǎn)單且可定制的導(dǎo)覽插件，可與 Vue.js 一起使用。它提供了一種快速簡(jiǎn)便的方法來(lái)指導(dǎo)用戶完成你的應(yīng)用程序。
Github：https://github.com/pulsardev/vue-tour
（4）Swiper.js
Swiper 是一款免費(fèi)以及輕量級(jí)的移動(dòng)設(shè)備觸控滑塊的框架，使用硬件加速過(guò)渡。主要使用與移動(dòng)端的網(wǎng)站、網(wǎng)頁(yè)應(yīng)用程序，以及原生的應(yīng)用程序。
Github：https://github.com/nolimits4web/swiper
（5）vue-easytable
該庫(kù)提供了一個(gè)功能齊全且高度可定制的表格組件/數(shù)據(jù)網(wǎng)格。它支持許多功能，如虛擬滾動(dòng)、列固定、標(biāo)題固定、標(biāo)題分組、過(guò)濾器、排序、單元格省略號(hào)、行擴(kuò)展、行復(fù)選框等。
Github：https://github.com/HAppy-Coding-Clans/vue-easytable
7. UI 組件（1）Element Plus
Element Plus，由餓了么大前端團(tuán)隊(duì)開(kāi)源出品的一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 3.0 的組件庫(kù)，Element Plus 是基于 Vue3 面向設(shè)計(jì)師和開(kāi)發(fā)者的組件庫(kù)，提供了配套設(shè)計(jì)資源，幫助你的網(wǎng)站快速成型。
GitHub：https://github.com/ElemeFE/element
（2）Vuetify
Vuetify 是一個(gè)基于 Vue.js 精心打造 UI 組件庫(kù)，整套 UI 設(shè)計(jì)為 Material 風(fēng)格。能夠讓沒(méi)有任何設(shè)計(jì)技能的開(kāi)發(fā)者創(chuàng)造出時(shí)尚的 Material 風(fēng)格界面。
GitHub：https://github.com/vuetifyjs/vuetify
（3）Vant
Vant 是一套輕量、可靠的移動(dòng)端組件庫(kù)。通過(guò) Vant，可以快速搭建出風(fēng)格統(tǒng)一的頁(yè)面，提升開(kāi)發(fā)效率，支持 Vue 3。
Github：https://github.com/youzan/vant
（4）Naive UI
Naive UI 是一款基于當(dāng)前比較新的 Vue 3.0/Type 技棧開(kāi)發(fā)的前端 UI 組件庫(kù)。
Github：https://github.com/TuSimple/naive-ui
8. 動(dòng)畫(huà)（1）Animate.css
animate.css 是一個(gè)使用CSS3的animation制作的動(dòng)畫(huà)效果的CSS集合，里面預(yù)設(shè)了很多種常用的動(dòng)畫(huà)，且使用非常簡(jiǎn)單。
GitHub：https://github.com/animate-css/animate.css
（2）Greensock
GreenSock是一個(gè)Java動(dòng)畫(huà)庫(kù)，可輕松對(duì)html元素進(jìn)行動(dòng)畫(huà)處理。用于創(chuàng)建高性能，零依賴性，跨瀏覽器動(dòng)畫(huà)，聲稱在超過(guò) 400 萬(wàn)個(gè)網(wǎng)站中使用。
Github：https://github.com/greensock/GreenSock-JS/
（3）Popmotion
Popmotion 是一個(gè)只有12KB的 Java 運(yùn)動(dòng)引擎，可以用來(lái)實(shí)現(xiàn)動(dòng)畫(huà)，物理效果和輸入跟蹤。原生的DOM支持：CSS，SVG，SVG路徑和DOM屬性的支持，開(kāi)箱即用。
Github：https://github.com/Popmotion/popmotion
（4）Vue Kinesis
Vue Kinesis 支持使用 Vue.js 輕松創(chuàng)建復(fù)雜的交互式動(dòng)畫(huà)，其支持 Vue 3。
Github：https://github.com/Aminerman/vue-kinesis
9. 圖標(biāo)（1）IconPark
IconPark 提供超過(guò) 2400 個(gè)高質(zhì)量圖標(biāo)，還提供了每個(gè)圖標(biāo)的含義和來(lái)源的描述，便于開(kāi)發(fā)者使用。除此之外，該網(wǎng)站還可以自定義圖標(biāo)，這是與其他圖標(biāo)網(wǎng)站與眾不同的地方。該圖標(biāo)庫(kù)是字節(jié)跳動(dòng)旗下的技術(shù)驅(qū)動(dòng)圖標(biāo)樣式的開(kāi)源圖標(biāo)庫(kù)。
Github：https://github.com/bytedance/iconpark
（2）Font Awesome
Font Awesome 提供了可縮放的矢量圖標(biāo)，可以使用CSS所提供的所有特性對(duì)它們進(jìn)行更改，包括：大小、顏色、陰影或者其它任何支持的效果。
Github：https://github.com/FortAwesome/Font-Awesome
（3）Ionicons
Ionicons 是一個(gè)完全開(kāi)源的圖標(biāo)集，是知名混合開(kāi)發(fā)框架 Ionic Framework 內(nèi)置的圖標(biāo)庫(kù)，包含 1300 個(gè)設(shè)計(jì)優(yōu)雅、風(fēng)格統(tǒng)一的高質(zhì)量圖標(biāo)，能滿足大多數(shù)的業(yè)務(wù)場(chǎng)景。
Github：https://github.com/ionic-team/ionicons
（4）Bootstrap Icons
Bootstrap Icons 是 Bootstrap 開(kāi)源的 SVG 圖標(biāo)庫(kù)，此圖標(biāo)庫(kù)起初專門(mén)針對(duì)其組件（從表單控件到導(dǎo)航）和文檔進(jìn)行定制設(shè)計(jì)和構(gòu)建，現(xiàn)在可以免費(fèi)用于任何項(xiàng)目。
Github：https://github.com/twbs/icons
10. 富文本編輯器（1）Tiptap
Tiptap 是一個(gè)基于 Vue 的無(wú)渲染的富文本編輯器，它基于 Prosemirror，完全可擴(kuò)展且無(wú)渲染。可以輕松地將自定義節(jié)點(diǎn)添加為Vue組件。使用無(wú)渲染組件（函數(shù)式組件），幾乎完全控制標(biāo)記和樣式。菜單的外觀或在DOM中的顯示位置。這完全取決于使用者。
GitHub：https://github.com/ueberdosis/tiptap
（2）Quill.js
Quill.js 是一個(gè)具有跨平臺(tái)和跨瀏覽器支持的富文本編輯器。憑借其可擴(kuò)展架構(gòu)和富有表現(xiàn)力的 API，可以完全自定義它以滿足個(gè)性化的需求。
GitHub：https://github.com/quilljs/quill/
（3）TinyMCE
TinyMCE 是一個(gè)熱門(mén)的富文本編輯器。它的目標(biāo)是幫助其他開(kāi)發(fā)人員構(gòu)建精美的 Web 內(nèi)容解決方案。它易于集成，可以部署在基于云的、自托管或混合環(huán)境中。該設(shè)置使得合并諸如 Angular、React 和 Vue 等框架成為可能。它還可以使用 50 多個(gè)插件進(jìn)行擴(kuò)展，每個(gè)插件都有 100 多個(gè)自定義選項(xiàng)。
GitHub：https://github.com/tinymce/tinymce
（4） CKEditor 5
CKEditor 是一個(gè)強(qiáng)大的富文本編輯器框架，具有模塊化架構(gòu)、現(xiàn)代集成和協(xié)作編輯等功能。它可以通過(guò)基于插件的架構(gòu)進(jìn)行擴(kuò)展，從而可以將必要的內(nèi)容處理功能引入。它是在 ES6 中從頭開(kāi)始編寫(xiě)的，并且具有出色的 webpack支持。可以使用與Angular、React和Vue.js的原生集成。
GitHub：https://github.com/ckeditor/ckeditor5
11. 服務(wù)端渲染（1）Nuxt.js
Nuxt.js 是一個(gè)基于 Vue.js 的通用應(yīng)用框架。通過(guò)對(duì)客戶端/服務(wù)端基礎(chǔ)架構(gòu)的抽象組織，Nuxt.js 主要關(guān)注的是應(yīng)用的 UI 渲染。它預(yù)設(shè)了利用 Vue.js 開(kāi)發(fā)服務(wù)端渲染的應(yīng)用所需要的各種配置。
Github：https://github.com/nuxt/nuxt.js
（2）SSR
ssr 框架是為前端框架在服務(wù)端渲染的場(chǎng)景下所打造的開(kāi)箱即用的服務(wù)端渲染框架。面向 Serverless，同時(shí)支持 React，Vue2，Vue3。
Github：https://github.com/zhangyuang/ssr
（3）Vue-meta
Vue-meta 是 Vue.js 的一個(gè)插件，它可以幫助你使用 SSR 支持管理 Vue.js 組件中的 HTML 元數(shù)據(jù)。Vue-meta 使用 Vue 的內(nèi)置響應(yīng)性使管理應(yīng)用程序的元數(shù)據(jù)變得簡(jiǎn)單。
Github：https://vue-meta.nuxtjs.org/
12. 數(shù)據(jù)獲取（1）AxIOS
Axios 是一個(gè)基于promise 的網(wǎng)絡(luò)請(qǐng)求庫(kù)，作用于node.js和瀏覽器中。
Github：https://github.com/axios/axios
（2）vue-resource
vue-resource是 Vue.js 的一款插件，它可以通過(guò)或JSONP發(fā)起請(qǐng)求并處理響應(yīng)。
Github：https://github.com/pagekit/vue-resource
（3）vue-axios
vue-axios 是一個(gè)將 axios 集成到 Vuejs 的小型庫(kù)。
Github：https://github.com/imcvampire/vue-axios
13. 構(gòu)建工具（1）Vite
Vite 是下一代前端開(kāi)發(fā)與構(gòu)建工具。Vite 意在提供開(kāi)箱即用的配置，同時(shí)它的插件 API 和 Java API 帶來(lái)了高度的可擴(kuò)展性，并有完整的類型支持。
Github：https://github.com/vitejs/vite
（2）Webpack
webpack 是一個(gè)用于現(xiàn)代Java應(yīng)用程序的靜態(tài)模塊打包工具。當(dāng) webpack 處理應(yīng)用程序時(shí)，它會(huì)在內(nèi)部構(gòu)建一個(gè)依賴圖(dependency graph)，此依賴圖對(duì)應(yīng)映射到項(xiàng)目所需的每個(gè)模塊，并生成一個(gè)或多個(gè) bundle。
Github：https://github.com/webpack/webpack
--- EOF ---
