vue简单实现购物车的全部功能

在了解代码之前先给大家讲述一下以下购物车共有哪些功能，对你们有帮助的记得点赞哦！

主要功能如下：

1. 增加商品信息

2. 修改商品信息

3. 删除单个商品

4. 删除多个商品

5. 清空购物车

6. 对商品单价进行降序排序

7. 根据商品名称实现查找

8. 实现商品数量加减

9. 全选反选

10. 实现勾选商品的总价计算

效果图如下：

由于功能比较多就不一个个讲了，我们先来讲几个主要功能的逻辑（增删改查），最后放全放部代码

首先我们先来看增加商品功能

//先来一个按钮绑定显示事件，点击添加后出现一个弹窗
<button type=