购物车页面其余部分笔记

购物车页面其余部分笔记

购物车大部分功能其实都是后端实现的，比如价格计算等不需要前端实现，我们只需要调用接口就行，因为后端实现更具有安全性。



注意点：
1》发现每个功能函数的实现，都在最后运行了 this.renderData（res）即重新刷新了一下数据，我们就单独提出来一个renderData函数进行复用，这种思想很关键。

2》在全选非全选toggleAll函数中，我们在根据某一变量的值的true，false来决定选择调用什么接口：

let url = this.allChecked?’/carts/unSelectAll’:’/carts/selectAll’;

可以利用条件运算符

3》学会使用过滤器filter：

this.checkedNum = this.list.filter(item=>item.productSelected).length

过滤器函数只会返回true的结果，这里checkedNum指的是，列表中商品已选中商品（true）的数量

4》学会使用遍历器every：

let isCheck = this.list.every(item=>!item.productSelected);

!item.productSelected都为true时，返回true，有一个false，返回false