/vueFruitShop

vue移动端水果小商城-vue+vuex+vue-router+axios+localstorage+sass

Primary LanguageJavaScript

vue2.0全家桶实现vue水果商城

vue全家桶 vue+vuex+vue-router+axios+localstorage+sass 还有就是vant-ui组件库

开头

在线预览

暂无

初次见面 请多指教

项目源码地址:vue-fruit-shop,觉得还可以的话给个star 在这先谢谢了~
做前端有时间了,第一次在github发项目,有什么不足的地方,大家多多指教!所以帮忙star鼓励下!🙏

写在前面

本项目是参考github一个vivo商城项目,地址为https://github.com/Mynameisfwk/vivo-shop 参考该项目思路,在这里对原作者表示感谢。 参考网站:http://jspang.com/ vue官网

技术栈

vue-router 是官方提供的路由器,使用vue.js构建单页面应用程序变得轻而易举。

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

Vant UI 有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。

[localstorage] 本地存储对象 可以结合vuex存放用户操作数据

axios:用来请求后端api数据

sass:css预编译---变量 css嵌套循环的使用

效果预览

暂无

开发目的

一直在学习vue,就尝试自己开发一个项目放到github上,与各位多多交流,更好的晚上自己的技术

实现功能

商品详情、文章详情、订单详情、订单提交、、商品/文章收藏、购物车功能(增、删、单全选)、订单管理、收货地址管理、localstorage储存等功能

项目运行

# 安装项目依赖
npm install 

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

# 编译打包
npm run build

贵在坚持

冰冻三尺非一日之寒,与君共勉。

写在最后

数据都来自于水果网官网如有侵权请请联系删除这个小项目做的有点粗糙可以说是非常粗糙、各位将就看看吧、大佬轻喷、还有就是我要厚着脸皮要个star 感谢 🙏 以上readme 也是参考github上构建格式,以后会更加完善。