- 新建项目,选好配置,把空项目跑起来(eslint关闭,别名配置)
- 分析路由。创建路由。
- 提取公共组件,header 和 footer,三级联动typenav。
3.1 全局组件需不需要放在app.vue文件中
3.2 公共组件的显示与隐藏(v-if,v-show,$route.meta.属性名) - 三级联动typenav公共组件
4.1 重新封装 push方法 和 replace方法
4.2 postman测试各接口
4.3 axios二次封装(使用nprogress进度条组件)
4.4 配置代理,解决跨域问题
4.5 lodash实现防抖和节流 - 先看 home页面
5.1 首先就是写基本页面。
5.2 页面写完了,开始发请求拿数据。
5.2.1 什么时候发送请求。
5.3 数据拿过来放在vuex里面。
5.4 从vux里面拿到数据,组件进行渲染。
5.5 渲染出来了,然后咱们还需要通过js方式实现样式
5.6 下面写一下home页面的floor组件,因为floor组件是进行了复用的。所以我们就在home页面中发起这次请求,如果放在floor组件中,就要发起两次了。
5.7 轮播图组件(里面有一个watch+nextTick)
5.8 mock假数据 - search页面
6.1 vuex使用,三连环。
6.2 面包屑数据及操作
6.3 品牌数据
6.4 排序操作
6.5 分页器组件
6.6 滚动行为
6.7 放大镜组件
6.8 路由传参+会话存储 - 加入购物车成功页面
- 购物车页面
8.1 uuid游客身份(通过请求头携带) - 结算页面(trade)
9.1 登录注册功能的实现(必须掌握)
9.2 登录成功后,服务器会下发token。
9.3 导航守卫
尚品汇项目简要流程
最新推荐文章于 2024-08-09 20:13:18 发布