# vue

**Repository Path**: qiilee/vue

## Basic Information

- **Project Name**: vue
- **Description**: 比较好的vue项目,值得借鉴与学习
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-08-27
- **Last Updated**: 2021-12-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 👊 强烈推荐：[史上最全Vue相关开源项目库汇总-中文版](https://github.com/opendigg/awesome-github-vue) 
[英文版](https://github.com/vuejs/awesome-vue)



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

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