专栏首页无道编程【Vue.js】21个值得一用的组件库

【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/

摘自:小马视频频道 https://gitee.com/komavideo/LearnVueFramework

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【Kotlin】协程(一)——入门

    为了方便理解,这边先做个比喻: 从使用的角度来看,Kotlin的协程像是“另一种RxJava”,但是比RxJava要高效。

    Gavin-ZYX
  • 3.2.5 、Google Tag Manager实战指南——全局变量转自定义维度

    在做AB test的时候,由于页面的不同,两种类型的用户可能会有不同的表现,但用户在分类的时候一般采用随机的方式,看两类用户的行为表现,这里就需要在页面添加一个...

    GA小站
  • 聊聊nacos address的postCluster

    nacos-1.1.3/address/src/main/java/com/alibaba/nacos/address/controller/AddressSe...

    codecraft
  • 聊聊nacos address的deleteCluster

    nacos-1.1.3/address/src/main/java/com/alibaba/nacos/address/controller/AddressSe...

    codecraft
  • 3.1.5 、Google Tag Manager基础知识——GTM中的重要概念

    GTM中有很多字段对于您可能是很陌生的,不知道这个字段到底是什么意思,接下来,本书将逐个讲解每个字段的意义和作用。

    GA小站
  • JS中的for循环——你可能不知道的点。

    for循环中出现多个异步函数(比如ajax请求,或者node后端执行一些数据库操作或文件操作),如果想要这些异步串行变为同步应该怎么做?

    用户1462769
  • 房价预测可视化项目

    对于数据挖掘工程师来说,有时候需要抓取地理位置信息,比如统计房子周边基础设施信息,比如医院、公交车站、写字楼、地铁站、商场等,一般的爬虫可以采用python脚本...

    机器学习AI算法工程
  • 聊聊nacos address的getCluster

    nacos-1.1.3/address/src/main/java/com/alibaba/nacos/address/controller/ServerLis...

    codecraft
  • 干货 | 微信小程序一键转百度小程序,携程火车票团队是这样做的

    张海明,携程火车票研发部开发经理。2015年加入携程,从事火车票Android、ReactNative和小程序相关研发工作。

    用户1292807
  • vue介绍

    库是一种插件,是一种封装好的特定方法的集合。提供给开发者使用,控制器在使用者手里。

    达达前端

扫码关注云+社区

领取腾讯云代金券