1.封装大量组件,轮播图,复选框,对话框消息提示等,实现路由跳转、路由懒加载、组件切换等操作;
2.通过安装 vuex 插件来支持 vuex 的状态持久化,让在 vuex 中存储的状态和数据存储在本地。在开发过程中,用户的
信息
(名字,头像,token 等)需要在 vuex 中存储且需要存储在本地购物车未登录状态下也支持,管理在 vuex 中的数据需要
存储在本地;
3.登陆模块:通过判断当前点击状态来实现账号登陆和扫码登陆动态切换。使用通过表单验证实现非空验证,验证成功/
失败调用 Message 进行消息提示,并且规定购物车必须要先登录才能使用;
4.商品分类:根据用户点击的类别实现动态渲染数据,使用 Provide 和 Inject 对组件进行传值;
5.商品详情:详情图片实现放大镜、tab 切换效果,规格选择、商品评价等效果;
6.购物车:购物车页面要能够显示商品的详细信息,点击加入购物车将把当前点击商品的所有内容数据存储在
localStorage,从本地拿数据并渲染购物车页面,点击复选框选中并同步底部的复选框,点击底部的全选框同步上面的复
选框,并计算商品总价;