由浅入深Vue：购物车功能开发实战

经过之前的核心知识点，代码块的介绍，本文上手实战一个核心业务功能：购物车。当然，功能为主（更高级的放在进阶中）

在写代码之前，进行业务分析：
购物车需要展示一个已加入购物车的商品列表，包含商品名、单价、购买数量和具体操作等信息，当然，还要有实时的总价显示。

功能：

1. 购买数量可以增加或减少，，每类商品可以从购物车中移除
2. 购买数量降低到“1”后，不可再减少（相应的按钮中“-”淡化）
   就像这样：
   

Tip - 在具体做之前，先普及几个知识点：
1、v-cloak：Vue的一个基本内置指令，不需要表达式，会在实例结束编译时从绑定的HTML元素上移除，经常和css的display:none;配合 使用。作用：在网速较慢时解决DOM加载替换带来的闪屏问题：
[v-cloak] {display: none;}
在单组件（非工程化）项目里，v-cloak是一个解决初始化慢导致页面闪动的最佳实践；（但是，一定要记得：它优化的是页面卡顿，而不是页面资源加载缓慢！也就是说，在加载完全之前，是不会有任何东西显示的，所以，一定要慎重！）
2、empty-cells: show; CSS