使用vue制作一个简单的购物车案例
实现简单的购物车效果,购买数量的增加,减少,商品价格随数量增加而增加,并可以移除所有的商品数量。
这是效果图
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201203110733793.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUyOTU5NjUx,size_16,color_FFFFFF,t_70#pic_center)
<style type="text/css">
table {
border: 1px solid black;
}
table {
width: 100%;
}
th {
height: 50px;
}
th,
td {
border-bottom: 1px solid #ddd;
text-align: center;
}
</style>
<div id="app">
<table>
<tr>
<th>序号</th>