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. pointnet++论文的翻译

    参考: https://blog.csdn.net/weixin_40664094/article/details/83902950 https://blog.csdn.net/pikachu_777 ...

  2. NetworkManager需要与不需要

    需要: 1.nmcli配置网络 不需要: 1.   ifcfg-eth1:0(网卡的子接口配置文件)生效

  3. 一本通 1615:【例 1】序列的第 k 个数

    传送门 我在这里! 思路 输入一个序列的前三个数并求出这个序列的第K项,这个数列不是等比序列就是等差数列,等差数列比较好判断,如果序列中\(a_{i+2}-a_{i+1}=a_{i+1}-a_{i}\ ...

  4. About Her

    突然想给黑寡妇写点儿东西......(也许很多都不是我写的,但是能表达我的心意) 1. 众人进量子领域前最后一句话是她笑着说"一分钟后见." 而最终没有回来的,只有她自己一个 2. ...

  5. PATA1055 The World's Richest (25 分)

    1055 The World's Richest (25 分) Forbes magazine publishes every year its list of billionaires based ...

  6. ISE 14.7安装教程最新版(Win10安装)

    一.下载 第一步下载首先自己下载好四个压缩包,把第一个解压,其余的三个不用解压,然后去第一个解压后的文件夹打开启动程序. 第二步是点击启动程序后会有以下界面 next到下一个界面,这个时候需要把之前没 ...

  7. Js中的排他思想

    <body>     <button>按钮1</button>     <button>按钮2</button>     <butto ...

  8. limits.conf文件修改注意事项,限制文件描述符数和进程数

    参考文章: https://blog.csdn.net/fanren224/article/details/79971359 https://www.cnblogs.com/micmouse521/p ...

  9. Android Studio 之 AndroidViewModel

    AndroidViewModel是ViewModel的一个子类,可以直接调用getApplication(),由此可以访问应用的全局资源. 在 MyViewModel 这个类中,此类直接继承自 And ...

  10. 本地VS调试服务器 IIS 程序

    由于读书的关系,毕业后选择在武汉,工作三年,至今年5月份挪窝到沿海某二线城市,换城市相当于裸辞,一切从头开始,新的城市,新的居住地,新的空气,新工作,新挑战.一直忙忙碌碌,孜孜不倦的汲取着,担心脱队, ...