（27）打鸡儿教你Vue.js

v-for 数组参数的顺序

当含有index时，以前传递的参数顺序是：
(index, value)。现在(value, index)

ready替换使用新的mounted钩子代替，通过使用mounted钩子，并不能保证实例已经插入文档，所以还应用在钩子函数中包含Vue.nextTick

vm.$nextTick列如

mounted: function() {
 this.$nextTick(function() {
  // 保证 this.$el 已经插入文档
 })
}

image.png

cartData.json

{
 "status": 1,
 "result": {
   "totalMoney": 59,
   "list": [
     {
       "productId": "600100002115",
       "productName": "达",
        "productPrice": 12,
        "productQuentity: 1,
        "productImage": "img/goods-1.jpg",
        "parts": [
           {
            "partsId": "10001",
            "partsName": "打火机"
            }
         ]
     },
     {
       "productId": "600100002115",
       "productName": "达",
        "productPrice": 12,
        "productQuentity: 1,
        "productImage": "img/goods-1.jpg",
        "parts": [
           {
            "partsId": "10001",
            "partsName": "打火机"
            }
         ]
     }
  ]
  },
  "message": ""
}

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

vue过滤器的使用：
使用v-on绑定事件，实现金额动态计算

image.png

---

请点赞！因为你的鼓励是我写作的最大动力！

官方微信公众号

吹逼交流群：711613774

吹逼交流群