Vue第三篇：最简单的vue购物车示例

本文参考：Vue Cli（脚手架）实现购物车小案例 - - php中文网博客

 效果图：

 

编写流程：

1、首先通过@vue/cli创建工程

vue create totalprice

2、改写App.vue代码如下：

3、代码中相关内容说明：

（1）为table的标题

（2）在组件中使用v-for时，必须添加:key属性，否则会报错，为了性能考虑

（3）colspan属性，表示某个td横跨的列数

（4）splice()函数用于从当前数组中移除一部分连续的元素。参数包括start和deleteCount。

（5）border-collapse，折叠样式