vue2.5全家桶 高仿vivo商城 百分之95

vue全家桶 vue2.0+vuex+axios+better-scroll还有就是miut-ui组件库

开头

在线预览

旧的版本：vivo移动端商城

新的版本：vivo移动端商城

项目演示地址：vivo移动端商城

建议Chrome调试手机模式下预览

由于刚买的域名主机因此要解析，实名认证才能够浏览，因此大家仍是下把项目给下载下来本地运行看把！😊

废话

项目源码地址：vivo-shop，以为还能够的话给个star 在这先谢谢了~

刚出来实习两个月 因此没有那么的时间来写，只有周六周日有时间！因此帮忙赞下这篇文章感谢了！🙏

写在前面

这个小项目还有不少地方作的还不是那么完美还存在一些小BUG，不事后期我会努力完善的，但求各位大佬提出大家的-> 建议，若是你觉的对你有帮助帮忙点个star谢谢！

由于比较赶因此有些功能还没实现，一些代码也没有优化好尤为是一些样式大家将就看吧，不过基本功能都写完了，没有实现都功能上拉下拉刷新、加载更多等等，后面会陆陆续续的作完的！因此关注我吧！收藏此文章吧或者关注我>>>github

前端交流群740625675 志同道合的能够加下一块儿学习！

Ps：由于我喜欢简约大气一点的因此主题颜色就是白+天蓝色

效果预览

首页、分类、动态、个人

商品详情、提交订单、订单详情

文章列表、文章详情、文章收藏

个人订单、商品收藏、个人购物车

收货地址、地址添加、地址管理

开发目的

想着写一个案例放在开源网站上，时不时更新、完善、修改来提升本身技术能力，固然我也须要大家的建议有大家的建议个人做品也会更加完美

技术栈

vue-cli 是vue的脚手架工具，目录结构、本地调试、代码部署、热加载、单元测试。

vue-router 是官方提供的路由器，使用vue.js构建单页面应用程序变得垂手可得。

vuex 是一个专为 vue.js 应用程序开发的状态管理模式，简单来讲Vuex就是管理数据的。

Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 vue.js 的移动端组件库。

better-scroll：解决移动端各类滚动场景需求的插件，使移动端滑动体验更加流畅

axios：用来请求后端api数据

实现功能

商品详情、文章详情、订单详情、订单提交、分类管理、商品搜索、商品/文章收藏、购物车功能(增、删、单全选)、积分动态获取、订单管理、收货地址管理、localstorage储存等功能

项目运行

# 安装项目依赖
npm install 

# 启动服务 访问http://localhost:8080
npm run dev

# 编译打包
npm run build

骚话

记得当时在学校自学前端的时候一个布局浮动弄了我快三四天的时间，当时一度怀疑我是否是适合学编程，以后冷静下来想一想别人能作到为何我就不能？那时候也是老是沉不住气，一遇到问题就想要放弃，学编程不是一蹴而就，而是慢慢的积累知识点哪怕是天天写两三个功能或是说解决一个问题，长期积累下去也会学到不少，只有不急不躁具备空杯心态才能硕果累累！

对。以上就是个人骚话！！！说下我我的的观点！！！写的很差，大佬轻喷！！

写在最后

数据都来自于vivo官网若有侵权请请联系删除这个小项目作的有点粗糙能够说是很是粗糙、各位将就看看吧、大佬轻喷、还有就是我要厚着脸皮要个star 感谢 🙏