Vue-Demo-ShoppingCart

购物车案例

准备：

1.数据：data/carts.json

[
  {
    "isSelected": true,
    "productCover": "",
    "productName": "从入门到放弃",
    "productInfo": "xx出版社",
    "productPrice": 99.6,
    "productCount": 3
  },
  {
    "isSelected": false,
    "productCover": "",
    "productName": "从精通到重新入门",
    "productInfo": "xx出版社",
    "productPrice": 102.4,
    "productCount": 3
  },
  {
    "isSelected": true,
    "productCover": "",
    "productName": "从入门到外包合同签订",
    "productInfo": "xx出版社",
    "productPrice": 99.6,
    "productCount": 3
  },
  {
    "isSelected": true,
    "productCover": "",
    "productName": "从入门到删库跑路",
    "productInfo": "xx出版社",
    "productPrice": 102.4,
    "productCount": 3
  }
]

2.npm 安装相关依赖 package.json

{
  "name": "vue-demo-shoppingCart",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "axios": "^0.19.2",
    "bootstrap": "^4.4.1",
    "jquery": "^3.5.0",
    "vue": "^2.6.11"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}