Vue实现书籍购物车_h5 vue3书籍购物车

      <td><button @click="removeHandle">移除</button></td>
    </tr>
    </tbody>

  </table>
  <h2>总价格：{
  {totalPrice | showPrice}}</h2>

购物车为空,请添加书籍

![在这里插入图片描述](https://img-blog.csdnimg.cn/75f4a1cea8bf47f18f8b713214c37d80.png#pic_center)


#### main.js文件

const app = new Vue({
el: ‘#app’,
data: {
books: [
{
id: 1,
name: ‘《JavaScript百炼成仙》’,
date: ‘2020-09’,
price: 128.00,
count: 1
},
{
id: 2,
name: ‘《Spring Boot+Vue全栈开发实战》’,
date: ‘2021-02’,
price: 89.00,
count: 1
},
{
id: 3,
name: ‘《Python Django Web 从入门到项目实战》’,
date: ‘2021-09’,
price: 128.00,
count: 1
},
{
id: 4,
name: ‘《Prometheus云原生监控 运维与开发实战》’,
date: ‘2020-06’,<