Vue-Echarts

vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。

Demo    GitHub Repo

Vue-Pikaday

一个简单而灵活的自定义指令,用于在Vue.js(v2.xx)应用程序中使用Pikaday

Demo   GitHub Repo

Vue-particles

Vue粒子特效

Demo  GitHub Repo

better-scroll

BetterScroll是一个插件,旨在解决移动端的滚动环境(已支持PC)。核心的灵感来自iscroll的实现,因此BetterScroll的API总体上与iscroll兼容。更重要的是,BetterScroll还扩展了一些功能并根据iscroll优化了性能。

Demo   GitHub Repo

vue-video-player

一款视频播放器

Demo   GitHub Repo

vue-quill-editor

基于 Quill、适用于 Vue 的富文本编辑器,支持服务端渲染和单页应用。

Demo   GitHub Repo

vue-countTo

vue-countTo是一个无依赖,轻量级的vue组件,可以自行覆盖easingFn。

Demo   GitHub Repo

m-message

Vue的消息插件原理参考了元件的UI的信息组件的的实现,样式风格参考了蚂蚁消息

Demo   GitHub Repo

vue-notification-bell

用于显示通知的Vue UI组件

Demo   GitHub Repo

v-tooltip

v-tooltip是一个提示

Demo   GitHub Repo

vue-progress-button

一个按钮加载进度

Demo   GitHub Repo

Vue 2 Loading Bar

最简单的Youtube就像Vue 2的加载条组件一样

Demo   GitHub Repo

VUE-spinkit

使用CSS为VueJS设置动画的加载指示符集合

Demo   GitHub Repo

vue-radial-progress

Vue.js的径向进度条组件。使用SVG和javascript为渐变进度条设置渐变动画。

Demo   GitHub Repo

vue-simple-spinner

vue-simple-spinner被设计成一个轻量级的Vue.js微调器,需要最少的配置。

Demo   GitHub Repo

vue-progress-path

可以采取任何形式的进度条和加载指示器!

Demo   GitHub Repo

vue-dialog-drag

VUE-对话框拖动

Demo   GitHub Repo

vue-image-lightbox

用于Vuejs NPM Package的简单图像灯箱组件

Demo   GitHub Repo

=======================================

持续更新中...

如果各位同学知道更多适合vue的插件或者对这些插件有什么疑问可以直接给我私信

分享整理vue.js在日常工作中用到的组件,帮助你在vue应用中快速开发的更多相关文章

  1. Vue.js:轻量高效的前端组件化方案

    转发一篇尤老师对vue.js的介绍,了解vue.js的来龙去脉.不过现在已经是2.0了,也有添加一些新的东西,当然有些东西也改了. Vue.js:轻量高效的前端组件化方案 Vue.js 是我在2014 ...

  2. 用vue.js写的一个瀑布流的组件

    用vue.js写的一个瀑布流的组件:https://segmentfault.com/a/1190000010741319 https://www.jianshu.com/p/db3cadc03402

  3. Vue.js:轻量高效的前端组件化方案(转载)

    摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue ...

  4. 【转】Vue.js:轻量高效的前端组件化方案

    摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue ...

  5. 基于Vue.js PC桌面端弹出框组件|vue自定义弹层组件|vue模态框

    vue.js构建的轻量级PC网页端交互式弹层组件VLayer. 前段时间有分享过一个vue移动端弹窗组件,今天给大家分享一个最近开发的vue pc端弹出层组件. VLayer 一款集Alert.Dia ...

  6. Vue.js 学习笔记之七:使用现有组件

    5.3 使用现有组件 在之前的五个实验中,我们所演示的基本都是如何构建自定义组件的方法,但在具体开发实践中,并非项目中所有的组件都是需要程序员们自己动手来创建的.毕竟在程序设计领域,"不要重 ...

  7. vue.js之获取当前点击对象(其实是套着vue的原生javascript吧,笑😊)

    转载请注明出处:http://www.cnblogs.com/meng1314-shuai/p/7455575.html 熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴, ...

  8. Vue.js学习使用心得(四)——组件

    一.组件 组件(Component)是 Vue.js 最强大的功能之一. 组件可以扩展 HTML 元素,封装可重用的代码. 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界 ...

  9. Vue.js 源码分析(十三) 基础篇 组件 props属性详解

    父组件通过props属性向子组件传递数据,定义组件的时候可以定义一个props属性,值可以是一个字符串数组或一个对象. 例如: <!DOCTYPE html> <html lang= ...

随机推荐

  1. Unity错误提示大全(遇到问题就更新)

    记录下使用Unity中遇到的所有错误提示 1.Unhandled Exception: System.Reflection.ReflectionTypeLoadException: The class ...

  2. Java反射之Bean修改更新属性值等工具类

    package com.bocean.util; import java.lang.annotation.Annotation; import java.lang.reflect.Field; imp ...

  3. MySQL 测试数据批量导入

    使用存储过程 方便工作中测试,一次插入多条数据 DELIMITER $$ CREATE PROCEDURE `XXX`.`XXX_test_batch_insert`() BEGIN DECLARE ...

  4. 网络协议 7 - UDP 协议

    网络协议五步登天路,我们一路迈过了物理层.链路层,今天终于到了传输层.从这一层开始,很多知识应该都是服务端开发必备的知识了,今天我们就一起来梳理下.     其实,讲到 UDP,就少不了 TCP.这俩 ...

  5. tomcat Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986

      1.情景展示 tomcat 日志时不时会报出如下异常信息,到底是怎么回事? java.lang.IllegalArgumentException: Invalid character found ...

  6. MySQL重要知识点

    可能是全网最好的MySQL重要知识点 |  mp.weixin.qq.com 点击蓝色“程序猿DD”关注我 回复“资源”获取独家整理的学习资料! 标题有点标题党的意思,但希望你在看了文章之后不会有这个 ...

  7. aspxgridview 实现单选

    <dxwgv:ASPxGridView ID="ASPxGridView1" runat="server"             AutoGenerat ...

  8. [原创] C#编程规范工具介绍

    1.目标 代码编写规范.整齐.整洁.可读. 无错误 无警告 2.排版 安装PowerCommands扩展 “工具”-“扩展管理库”,搜索安装. 设置选中Format document on save和 ...

  9. nginx返回file not found原因

    nginx返回file not found原因1 确实没有这个文件2 没有权限访问这个网站目录!!!

  10. linux ffmpeg 源码安装教程

    AMR格式是智能手机上的常用音频文件格式,比MP3格式的压缩比大.同样时长的AMR文件大概是MP3的十分之一,所以在移动互联项目中应用比较广泛.但目前AMR格式在个人电脑上应用较少,所以目前大部门播放 ...