😊vue学习之路
😎 生产环境使用vue开发前端
平时使用vue开发建议看官方文档：点我直达
🍓 基础学习路径如下
指令系统
组件的使用
过滤器的使用
watch和computed
钩子函数
😋 学习过程中的一些坑
setTimeout/ setInterval
Vue路由拦截浏览器后退实现草稿保存类似需求
自定义组件添加click等事件不生效
手动操控自定义组件
深度作用选择器
Vue数组/对象更新视图不更新
Vue Filters过滤器的使用
Vue深度watch与watch立即触发回调
🍟 vue组件资源汇总
- element★13489 - 饿了么出品的Vue2的web UI工具套件
- Vux★8133 - 基于Vue和WeUI的组件库
- iview★6634 - 基于 Vuejs 的开源 UI 组件库
- mint-ui★6253 - Vue 2的移动UI元素
- muse-ui★3705 - 三端样式一致的响应式 UI 库
- vue-material★3328 - 通过Vue Material和Vue 2建立精美的app应用
- vuetify★2925 - 为移动而生的Vue JS 2组件框架
- Keen-UI★2749 - 轻量级的基本UI组件合集
- vonic★1913 - 快速构建移动端单页应用
- vue-multiselect★1539 - Vue.js选择框解决方案
- eme★1529 - 优雅的Markdown编辑器
- vueAdmin★1455 - 基于vuejs2和element的简单的管理员模板
- bootstrap-vue★1267 - 应用于Vuejs2的Twitter的Bootstrap 4组件
- Vue.Draggable★1191 - 实现拖放和视图模型数组同步
- eagle.js★1128 - hacker的幻灯片演示框架
- vue-awesome-swiper★1012 - vue.js触摸滑动组件
- vue-table★1009 - 简化数据表格
- vue-chat★859 - vuejs和vuex及webpack的聊天示例
- vue-blu★850 - 帮助你轻松创建web应用
- vue-recyclerview★849 - 管理大列表的vue-recyclerview
- VueCircleMenu★838 - 漂亮的vue圆环菜单
- vue-infinite-scroll★779 - VueJS的无限滚动指令
- buefy★755 - 响应式UI组件轻量级库
- vue-beauty★749 - 由vue和ant design创建的优美UI组件
- vue-waterfall★737 - Vue.js的瀑布布局组件
- radon-ui★715 - 快速开发产品的Vue组件库
- vue-loop★701 - 无限的内容循环
- vue-chartjs★694 - vue中的Chartjs的封装
- vue-carbon★684 - 基于 vue 开发MD风格的移动端
- vue-syntax-highlight★655 - Sublime Text语法高亮
- vue-echarts★649 - VueJS的ECharts组件
- vue-quill-editor★615 - 基于Quill适用于Vue2的富文本编辑器
- vue-amap★571 - 基于Vue 2和高德地图的地图组件
- vue-calendar★536 - 日期选择插件
- vue-infinite-loading★501 - VueJS的无限滚动插件
- vue-swipe★481 - VueJS触摸滑块
- vue-music-player★451 - Vuejs写一个音乐播放器
- vue-scroller★444 - Vonic UI的功能性组件
- vue-datepicker★436 - 日历和日期选择组件
- vue-core-image-upload★393 - 轻量级的vue上传插件
- vue-progressbar★379 - vue轻量级进度条
- Gokotta★375 - 简单的音乐播放器
- vue-sortable★373 - 轻松添加拖拽排序
- vue-picture-input★352 - 移动友好的图片文件输入组件
- vue-echarts-v3★351 - VueJS组件封装
- markcook★343 - 好看的markdown编辑器
- vue-video-player★336 - VueJS视频及直播播放器
- vue-google-maps★334 - 带有双向数据绑定Google地图组件
- vue-trend★332 - 简单优雅的星光线条
- vuejs-datepicker★314 - vue日期选择器组件
- vue-fullcalendar★313 - 基于vue.js的全日历组件
- vue-html5-editor★303 - html5所见即所得编辑器
- vue-upload-component★298 - Vuejs文件上传组件
- DataVisualization★298 - 数据可视化
- vue-tables-2★291 - 显示数据的bootstrap样式网格
- VueStar★270 - 带星星动画的vue点赞按钮
- vue-data-tables★266 - VueJS2数据表格
- vue-paginate★261 - 分页数据的简约VueJS插件
- vue-ydui★247 - 基于Vue2的移动端和微信UI
- vue-mugen-scroll★239 - 无限滚动组件
- vue-virtual-scroller★238 - 带任意数目数据的顺畅的滚动
- vue2-calendar★236 - 支持lunar和日期事件的日期选择器
- vue-dropzone★233 - 用于文件上传的Vue组件
- vue2-douban-market★233 - 仿豆瓣市集webapp项目
- vue-js-modal★228 - 移动友好的Vuejs2的modal
- vue-slider★224 - vue 滑动组件
- vue-datetime-picker★224 - 日期时间选择控件
- rubik★217 - 基于Vuejs2的开源 UI 组件库
- vue-datasource★210 - 创建VueJS动态表格
- vue-image-crop-upload★205 - vue图片剪裁上传组件
- Vueditor★204 - 所见即所得的编辑器
- mint-loadmore★203 - VueJS的双向下拉刷新组件
- vue-slider-component★202 - 在vue1和vue2中使用滑块
- vue-chat★200 - Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室
- mavonEditor★179 - 基于Vue的markdown编辑器
- vue-carousel-3d★173 - VueJS的3D轮播组件
- vue-baidu-map★170 - 基于 Vue 2的百度地图组件库
- sweet-modal-vue★170 - 精美的点击提示对话框
- vue-particles★168 - 粒子背景的vue组件
- vue-swiper★167 - 易于使用的滑块组件
- vue-simplemde★166 - VueJS的Markdown编辑器组件
- vue-slide★161 - vue轻量级滑动组件
- vue-dragula★157 - 使拖放变得简单
- vue-drag-and-drop-list★156 - 创建排序列表的Vue指令
- vue2-editor★155 - HTML编辑器
- vue-charts★152 - 轻松渲染一个图表
- vue-data-grid★151 - VueJS复杂桌面交互示例
- vuwe★150 - 基于微信WeUI所开发的专用于Vue2的组件库
- vue-progressive-image★148 - Vue的渐进图像加载插件
- vue-msgbox★148 - vuejs的消息框
- vue-lazyload-img★147 - 移动优化的vue图片懒加载插件
- vue-dragging★146 - 使元素可以拖拽
- vue-instant★143 - 轻松创建自动提示的自定义搜索控件
- vue-social-sharing★142 - 社交分享组件
- vue-images★139 - 显示一组图片的lightbox组件
- vue-impression★134 - 移动Vuejs2 UI元素
- vue-mdEditor★131 - 基于VUE的markdown文本编辑器
- vue-typer★130 - 模拟用户输入选择和删除文本的Vue组件
- vue-highcharts★130 - HighCharts组件
- vue-tooltip★129 - 带绑定信息提示的提示工具
- vue-svgicon★127 - 创建svg图标组件的工具
- wdui★124 - 基于Vue2的UI组件库
- vue2-loading-bar★118 - 最简单的仿Youtube加载条视图
- vue-tabs-component★116 - 渲染tabs的Vue组件
- MagicMusic★113 - 不一样的音乐
- vue-region-picker★111 - 选择中国的省份市和地区
- vue-datatable★102 - 使用Vuejs创建的DataTableView
- vue-loading★102 - 元素中加载block的Vue指令
- vodal★99 - 动画的vue模态
- vue-img-inputer★97 - 基于Vue2的图片输入框
- vue-video★96 - Vue.js的HTML5视频播放器
- vue-touch-ripple★95 - vuejs的触摸ripple组件
- vue-event-calendar★91 - 简单小巧的事件日历组件
- v-bar★91 - 虚拟响应跨浏览器滚动条
- vue2-timepicker★84 - 下拉时间选择器
- vuejs-paginate★80 - 分页VueJS组件
- vue-toast-mobile★79 - VueJS的toast插件
- vue-datepicker★78 - 漂亮的Vue日期选择器组件
- vue-easy-slider★77 - Vue 2.x的滑块组件
- vue-float-label★76 - VueJS浮动标签模式
- vue-scrollbar★76 - 最简单的滚动区域组件
- vant★74 - 有赞出品的Vue2.0移动UI
- vue-json-tree-view★74 - Vue的JSON树视图
- vue-slick★73 - 实现流畅轮播框的vue组件
- vue-keynote★73 - 实现声明性代码幻灯片
- vue-google-signin-button★73 - 导入谷歌登录按钮
- vue-rate★68 - Vue评分组件
- awesome-mask★67 - 拥有独一无二mask的表单
- vue-radial-progress★65 - Vue.js放射性进度条组件
- vue-quill★65 - vue组件构建quill编辑器
- vue-date-picker★63 - VueJS日期选择器组件
- coffeebreak★62 - 实时编辑CSS组件工具
- vue-good-wizard★61 - VueJS 2.x wizard plugin
- vue-loading★60 - 使用SVG加载
- datepicker★59 - 基于flatpickr的时间选择组件
- vue-placeholders★58 - 处理占位符图片和乱码
- we-vue★55 - Vue2及weui1开发的组件
- vue-fullcalendar★55 - vue FullCalendar封装
- vue-chartkick★53 - VueJS一行代码实现优美图表
- cxlt-vue2-toastr★52 - 弹出提示的Vue2组件
- vue-formly★51 - VueJS的JS表单
- vue2-autocomplete★51 - vue2的自动完成组件
- vue-morris★50 - Vuejs组件封装Morrisjs库
- veui★50 - VueJS百度企业UI
- vue-components★49 - 移动端UI组件库
- vue-star-rating★49 - 简单高度自定义的星星评级组件
- vue-tagsinput★48 - 基于VueJS的标签组件
- vue-tabs★47 - 多tab页轻型框架
- vue-popup-mixin★47 - 用于管理弹出框的遮盖层
- vue-ripple-directive★45 - 使用Vue指令的Material波纹效果
- vue-cropper★42 - 一个简单的vue 的图片裁剪插件
- vue-ztree★41 - 用 vue 写的树层级组件
- vue-touch-keyboard★41 - VueJS虚拟键盘组件
- cubeex★40 - 包含一套完整的移动UI
- vue-chart★40 - 强大的高速的vue图表解析
- vue-music-master★40 - vue手机端网页音乐播放器
- vue-bootstrap-table★39 - 可排序可检索的表格
- vue-emoji★39 - 好用的emoji插件
- handsontable★39 - 网页表格组件
- vue-form-2★37 - 全面的HTML表单管理的解决方案
- vue-area★37 - 省市区三级联动插件
- vue-side-nav★37 - 响应式的侧边导航
- vue-image-scroll★36 - 仿网易云音乐的vue图片滚动插件
- vue-pull-to-refresh★35 - Vue2的上拉下拉
- mint-indicator★35 - VueJS移动加载指示器插件
- vue-image-clip★34 - 基于vue的图像剪辑组件
- vue-material-design★34 - Vue MD风格组件
- vue-simple-upload★31 - 简单的VueJS上传组件
- chartjs★29 - Vue Bulma的chartjs组件
- vue-lazy-background-images★29 - 懒加载背景组件的Vue组件
- vue-ripple★29 - 制作谷歌MD风格涟漪效果的Vue组件
- vue-scroll★27 - vue滚动
- laravel-vue-pagination★26 - VueJS分页组件
- vue-datepicker-simple★26 - 基于vue的日期选择器
- vue-m-carousel★26 - vue 移动端轮播组件
- vue-parallax★23 - 整洁的视觉效果
- vue-img-loader★22 - 图片加载UI组件
- vue-tree★22 - vue树视图组件
- vue-verify-pop★22 - 带气泡提示的vue校验插件
- vue-waves★22 - waves的VueJS版本
- vue-smoothscroll★20 - smoothscroll的VueJS版本
- vue-city★19 - 城市选择器
- vue-laypage★17 - 简单的VueJS分页组件
- vue-typewriter★15 - vue组件类型
- vue-ios-alertview★14 - iOS7+ 风格的alertview服务
- vue-cmap★14 - Vue China map可视化组件
- paco-ui-vue★12 - PACOUI的vue组件
- vue-cascading-address★9 - vue地区选择器
- dd-vue-component★7 - 订单来了的公共组件库
- vue-button★5 - Vue按钮组件
🤕 后续更新。。。