vue.js实例项目有木有？
62 个回答
适合学习Vue初学者的第一个项目，内有慕课网教学视频地址，代码内我进行了详细的注释。
完成后会对Vue有个初步的认识，算是入门级水平。
适合学习Vue的同学们的第二个项目，同样来自慕课网，代码同样进行了详细注释。
完成后可以算是Vue学习的初级水平。
第三个项目（反正我自己就是一样来的(～￣▽￣)～ ），项目来自网络，用了Vue-router，axios。
完成后算是初中级水平。
Star 是最好的鼓励，求 Star ~~~~~~
2018GitHub上排名前十的热门Vue项目
1. ElemeFE/element
官网地址：http://element.eleme.io/
github地址：https://github.com/ElemeFE/element
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。通过基础的 24 分栏，迅速简便地创建布局。
2. bailicangdu/vue2-elm
github地址：https://github.com/bailicangdu/vue2-elm
简介
初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登录、注册、用户信息等等，常常会让我们很头疼。既然还没人用vue写过这样的项目，那不如我来写，开源出来对能看到的人也会有帮助。
3. airyland/vux
github地址：https://github.com/airyland/vux
简介
vux 并不完全依赖于 WeUI，但是尽量保持整体UI样式接近 WeUI 的设计规范。最初目标是创建一个易用，实用，美观的移动端UI组件库，现在离理想状态还有不少距离，因此需要大家及时反馈问题及贡献代码。
官网：https://vux.li/
4. iview/iview
github地址：https://github.com/iview/iview
简介
iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
官网：https://www.iviewui.com/
image
5. ElemeFE/mint-ui
github地址：https://github.com/ElemeFE/mint-ui
简介
Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。 考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。
官网：http://mint-ui.github.io/#!/en
6. vue-bulma/vue-admin
github地址：https://github.com/vue-bulma/vue-admin
简介
一个基于 Vue 2.0 和 Bulma 0.3 的 后台管理框架。
官网：https://admin.vuebulma.com
7. museui/muse-ui
github地址：https://github.com/museui/muse-ui
简介
基于 Vue 2.0 和 Material Design 的 UI 组件库。
官网：https://museui.github.io
8.vuematerial/vue-material
github地址：https://github.com/vuematerial/vue-material
简介
官网：https://vuematerial.github.io
9. PanJiaChen/vue-element-admin
github地址：https://github.com/PanJiaChen/vue-element-admin
简介
这半年来一直在用 vue 写管理后台，目前后台已经有百来个个页面，十几种权限，但维护成本依然很低，所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用 vue + element + axios 由 webpack2 打包.由于是个人项目，所以数据请求都是用了 mockjs 模拟。注意：在次项目基础上改造开发时请移除mock文件。 写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:
10.ghosh/uiGradients
github地址：https://github.com/ghosh/uiGradients
简介
官网：http://uigradients.com/