/vue

💯 比较好的vue项目,值得借鉴与学习

Primary LanguageJavaScriptApache License 2.0Apache-2.0

英文版

推荐学习方法

本地建一个存放同类开源项目的文件夹,方便自己参考和整体提交到远程,以下为项目总结,欢迎通过 issue 的方式提问 或提供 pull request

名称 简介 知识点
myCode 个人学习代码 都是一些vue基础代码
chicken-music Vue.js 高级实战——音乐 App 课程源码,课程地址(个人网盘教程见底部) 1.Charles抓包使用方法(iphone和安卓进行代理抓包)
2.vConsole的使用
3.搜索节流
4.抓取QQ音乐接口数据
5.mixins减少代码冗余
6.vuex的使用
7.路由懒加载(减小app.js体积)
vue2-elm 和慕课网视频的那个饿了么没有任何关系,慕课网的项目只有一个页面,此为饿了么完整版webapp 1.定位
2.搜索
3.筛选
vue-sell 慕课网视频的那个饿了么 1.better-scroll
2.node prod.server.js 开启本地服务
3.config=>index.js=>productionSourceMap属性(本地调试) 上线时应设为false
vue-awesome-swiper 轮播组件(可查看example) 安装不同版本的vue-awesome-swiper对应不同的swiper
vuex 官方vuex代码 1.example中有5个demo
2.mutations用来修改state的值,actions用来判断什么情况下触发mutations
3.getters相当于计算属性,实时计算state的值
vue2-happyfri 答题项目,答完评分 vuex的入门使用
vue2.0+node.js+MongoDB 商城PC版 1.MongoDB的使用,前端开发人员一般很少接触
progress 较好的进度组件
vue2-demo 从零构建vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能
vuejs2-learn vue.js 2 官网讲解
doubanMovie-SSR Vue豆瓣电影服务端渲染 服务端渲染
iview-admin iView admin是基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案,由TalkingData前端可视化团队部分成员开发维护。 比较好的iview后台管理项目,可以借鉴:权限切换、列表过滤、图片上传、图片拖动、数字渐变、表格导出数据等
Vue-cnodejs 基于vue.js重写Cnodejs.org社区的webapp
NeteaseCloudWebApp 仿网易云音乐 功能不完善
vue-slider 滑动删除 已被mint ui组件代替
github-emoji 基于Vue编写的Github表情包大全 可以直接复制项目README中你喜欢的表情,粘贴到github项目中你所需要的文本或者标题里面
vue-analysis Vue.js 源码分析 Vue.js 技术揭秘
uyi2 web前端学习资料库 automan项目亲测失败
vue-cource Vue技术栈开发实战(26课时) 作者:Lison(iview核心开发者,iview-admin作者)vue-cource为本人fork仓库,可根据Tags区分知识点:
1.创建项目
2.vue-router1
3.vue-router2
......
当然也可以在master分支查看对应commit
mint-ui 本示例参考mint-ui官网 使用mint-ui时 建议运行此项目参考示例代码

项目教程