小米商城项目分析总结(一)

项目概述:一款购物商城,是一个标准的vue框架实现项目,包含vue框架中的很多功能
项目所用时间:一周半

小米商城项目分析总结(一)_第1张图片
项目难点分析以及解决方式描述:
商品分类
先获取分类的标题数据,获取到的标题里没有全部,自己写个全部放进去,点击不同的标题调用不同接口
弹框控制
点击详情页的喜欢或者加入购物车,进行鉴权,判断用户是否登录,如果没有登录,就弹出登录的弹框让用户登录后再进行相应的操作
购物车
需要用到计算属性,用来计算商品的数量和总价,通过监听用户添加数量来直接改变商品的数量和价格
路由鉴权
在router/index.js中写入全局路由守卫,通过简单的正则校验,对相应的页面加校验

首页效果展示
小米商城项目分析总结(一)_第2张图片
小米商城项目分析总结(一)_第3张图片
未登录状态展示:
小米商城项目分析总结(一)_第4张图片

购物车页面效果展示:
小米商城项目分析总结(一)_第5张图片
我的收藏页面展示:
小米商城项目分析总结(一)_第6张图片

你可能感兴趣的:(vue,vue)