vue3+vite重构尚品汇（解决接口问题）第51-80集

第51,52,53,54,55集：照着敲即可。
第56集：v-for可以遍历数字，有点类似Python的迭代语法，

这里如果照着教程代码敲会报错，因为vue3里为了提高性能减少判断v-if优先级大于v-for了，这时访问不存在的Page就会导致警告和页面不呈现，只要明白老师的思路，我们大可以轻松进行代码的修改。

用template包裹，就可以分开判断，达到一样的效果。
第57集：事件名代码里改成了currentPage,和视频略有不同。
第58集：因为咱们在中间的循环遍历里加入了class判断，所以第一页和最后一页不用。

第59集：这一集要改成top

第61集：现在有的浏览器比较严谨，有警告页面就不呈现，所以要先解决掉错误，没法忽略它
第63集：这个报错还是很有意义的，因为我们用ajax异步获取数据，而vue在渲染页面时如果获取undefine的属性这种错误时页面就会报错卡死，导致数据没法回来，这时我们可以用{}或者[]配合逻辑或||来使得页面不报错直到接收数据。这里使用了||的一个特性，即第一个值求值为false返回第二个值，即使第二个值也是false.当然如果第一个值求值为true则直接返回第一个值。
第64、65集：照着敲就行了。
第66集：新版swiper有点小问题，凑合着用。又来$bus,好吧，还是vuex走一圈，

效果和使用事件总线$bus一模一样。
第67集：这集这个知识点可以复习一下，当计算属性使用到的响应式数据发生变化，它本身也会发生变化。参数这里这样就行，因为不需要旧数据，所以直接index就行了。

这些集都没什么难度，倒是布局可以拿来参考，反正就是多写多练。
第72集：实际购物车为了安全一般会使用服务器端存储。
第74集：uuid,总算来点不一样的东西了。其它的都是日常操作，只要知道uuid库暴露了uuid()方法每次获取一个不重样的id就可以了。
第77，78,79集：这集快速点-会出现负数，是因为快速点击触发函数在这种处理请求耗时大于点击时间的情况下会出现bug，就算我们用节流，这一次请求也得一点几秒，不符合实际需求，其实作为修正可以在输入框进行校验，等到整个购物车提交时再进行请求发送，这样性能会高。这里我们只用lodash进行简单节流。这个服务器也有点问题，这里不过多纠结。第79集全选那里要加await,在dispatch发送的异步请求(ajax)完成之前进行阻塞保证状态。
第80集：这里下面的全选按钮老师没弄，帮大家完成一下，挺简单的。思路就是对cartInfoList里的每一个cart发送一次修改选中状态的请求就行了。当然如果后台有另外的接口的话会更简单。


注意一下js的for in以及for of用法和其它语言略有不同，稍加留心。