【Vue.js】21个值得一用的组件库

vue-chartjs

Chart.js库的vue实现，可以完成网页中的图表显示。

https://vue-chartjs.org/

演示

http://demo.vue-chartjs.org/

vue-fa

FontAwesome5库的vue实现，可以调用FontAwesome5的各种组件。

https://cweili.github.io/vue-fa/

vee-validate

基于模板的vue校验框架。

https://baianat.github.io/vee-validate/

eslint-plugin-vue

vue的文法校验工具，可以快速找出代码、指令、样式单中的问题，同时还可以集成到VSCode, Sublime, Atom等IDE中。

https://eslint.vuejs.org/

vue-lazyload

图片懒装载处理组件。

https://github.com/hilongjw/vue-lazyload

axios

HTTP通信组件，可以远程存取各种REST-API服务。

https://github.com/axios/axios

vuedraggable

网页对象拖动组件，只需写少量的代码，就可以完成页面对象的拖动排序。

https://github.com/SortableJS/Vue.Draggable

演示

https://sortablejs.github.io/Vue.Draggable/#/simple

Vue-Socket.io

对于socket.io库的封装，可以和Vuex状态管理配合使用。

https://github.com/MetinSeylan/Vue-Socket.io

Vue-multiselect

多选框的解决方案，还包括状态管理、下拉框、Ajax、检索框等功能。

https://vue-multiselect.js.org/

vuejs-datepicker

vue的日期选择组件。

https://github.com/charliekassel/vuejs-datepicker

vue-md-editor

vue的markdown编辑器。

https://github.com/anguer/vue-editor

vue-typer

内容显示的打字机组件。

https://github.com/cngu/vue-typer

演示

https://cngu.github.io/vue-typer/

vue-rate-it

五星评价组件，省的自己编写了。

https://craigh411.github.io/vue-rate-it/

演示

https://jsfiddle.net/craig_h_411/992o7cq5/

Vue-good-table

vue的表格操作组件，支持列排序、内容过滤、分页等操作。

https://xaksis.github.io/vue-good-table/

Vuex

官方出品的状态管理组件，推荐！

https://vuex.vuejs.org/

Vue Router

官方出品的路由定义组件。

https://router.vuejs.org/

Vuetify

vue的UI/UX框架，除Bootstrap外的选择。

https://vuetifyjs.com/

element-ui

基于vue 2.0的组件库，同时支持React和Angular。

http://element.eleme.io/

vue-material

Google设计风格的UI组件库。

https://vuematerial.io/

bootstrap-vue

Bootstrap的vue组件库，好用没有之一。

https://bootstrap-vue.js.org/

Nuxt.js

Vue的服务器端渲染框架，解决客户端渲染的诸多问题。（首页载入慢，SEO等）

https://nuxtjs.org/

来自 小马视频

关于极客返利

极客返利 是由我个人开发的一款网课返利、返现平台。包含 极客时间返现、拉勾教育返现、掘金小册返现、GitChat返现。目前仅包含这几个平台。后续如果有需要可以考虑其他平台。 简而言之就是：你买课，我返现。让你花更少的钱，就可以买到课程。

https://geekfl.com

https://geek.laravelcode.cn

版权许可

本作品采用 知识共享署名 4.0 国际许可协议 进行许可。

转载无需与我联系，但须注明出处，注明文章来源 【Vue.js】21个值得一用的组件库

联系我