排序操作

1: 综合,2: 价格 asc: 升序,desc: 降序
示例: “1:desc”

order 属性值 4中写法 2*2

1：asc
1：desc
2：asc
2：desc

考虑的问题

谁应该有类名：通过order的属性值中是包含1（综合），包含2（价格）

谁应该有箭头

有类名，就有箭头

箭头怎么做

阿里矢量图标库

分页器 (全局组件)

为什么电商平台需要分页？

同时展示的数据很多（1w+）
elementUI有相应的分页组件，使用起来超级简单，前台项目不用，后台采用

分页器展示，需要哪些数据（条件）?

pageNo:当前是第几个字段，代表当前页数
pageSize:每一页需要展示多少条数据，
total：整个分页器一共有多少条数据
continues：分页器连续页面个数 5|7【奇数】，对称，，，
总页数： totalPage = total/pageSzie

开发的时候，先自己传递假的数据，成功后再调用

对于分页器而已，很重要的一个地方即为，连续页码起始地址和结束地址

当前是第八页，前两页是6,7，后面是 9,10
6 7 【8】 9 10
start,end.

code

startNumAndEndNum() {
     const { pageNo, continues, total } = this;
     let start = 0,
       end = 0;
     // 边界，不正常现象，如连续页码是5，但是数据不够5页
     // 总页数<页面数
     if (continues > this.totalPage) {
       start = 1;
       end = this.totalPage;
     } else {
       start = pageNo - parseInt(continues / 2);
       end = pageNo + parseInt(continues / 2);
       if (start < 1) {
         start = 1;
         end = continues;
       }
       if (end > this.totalPage) {
         end = this.totalPage;
         start = end - parseInt(continues / 2) * 2;
       }
     }
     return { start, end };
   },

分页器的动态展示，分为【上中下】三部分

详情页面开发

某产品的详情页面
1.静态组件
当点击商品图片跳转的时候，需要带上产品的id给详情页面
滚动条行为在顶部！
采用router中的scrollBehavior实现

2.发请求 api — reqGetGoodsInfo

3.vuex —-detail仓库，获取商品数据

4.动态组件