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. 【oracle】decode函数

    DECODE(参数,值1,翻译值1,值2,翻译值2,...值n,翻译值n,缺省值) 值1:当参数=值1    翻译值1:想要得到的值 值2:当参数=值2 翻译值2:想要得到的值

  2. cf1179D

    cf1179D 链接 cf 思路 csdn 很玄学,正解是斜率优化dp,但被一个奇妙的贪心过了. 代码 #include <bits/stdc++.h> #define ll long l ...

  3. Softmax与Sigmoid函数的联系

    译自:http://willwolf.io/2017/04/19/deriving-the-softmax-from-first-principles/ 本文的原始目标是探索softmax函数与sig ...

  4. 常见网页编辑器(富文本,Markdown,代码编辑等)

    编辑器:网页不常用的功能,但却又是不可少的功能,如果要造个编辑器轮子,它可以把人玩死!!前端几大禁忌就有富文本, 为什么都说富文本编辑器是天坑? 下面记录一下常见的一些编辑器,该文随时更新: 富文本编 ...

  5. 批量转换文件字符编码(GBK转UTF-8)

    今天收到一份代码,拖到IDE中发现乱码,看来下编码是GBK的(

  6. [技术博客]升级 API 面临的问题

    升级 API 面临的问题 我们使用的上一届的版本中,使用的底层的 安卓的 API 是 Android7.0 .在这一版本中,我们将 API进行了升级,为了更好的兼容新功能.(发送通知),我们在升级 A ...

  7. ASP.NET之MVC 微信公众号授权给第三方平台的技术实现流程(获取第三方平台access_token)

    “出于安全考虑,在第三方平台创建审核通过后,微信服务器每隔10分钟会向第三方的消息接收地址推送一次component_verify_ticket,用于获取第三方平台接口调用凭据”.这是文档中的原话,也 ...

  8. 【IntelliJ IDEA学习之八】版本控制之SVN

    版本:IntelliJIDEA2018.1.4 一.SVN1.安装SVN客户端,command line client tools默认是不安装的,这里要勾选上(不用重新卸载安装,只找到安装程序,选择  ...

  9. 使用vue搭建应用五引入Mock.js

    为了模拟后台接口提供页面所需的数据,引入Mock.js Mock.js是一个模拟数据生成器,可帮助前端开发和原型与后端进度分开 特性: 前后端分离 增加单元测试的真实性 数据类型丰富 方便扩展 1.安 ...

  10. linux 操作文件夹

    创建文件夹[mkdir] 一.mkdir命令使用权限 所有用户都可以在终端使用 mkdir 命令在拥有权限的文件夹创建文件夹或目录. 二.mkdir命令使用格式 格式:mkdir [选项] DirNa ...