第一种：

changeCartItemChecked (state, params) {
  const { shopId, productId } = params
  const product = state.cartList[shopId][productId]
  product.check = !product.check
  state.cartList[shopId][productId] = product
}

第二种：

changeCartItemChecked (state, params) {
  const { shopId, productId } = params
  const product = state.cartList[shopId][productId]
  product.check = !product.check
}

第三种：

changeCartItemChecked (state, params) {
  const { shopId, productId } = params
  state.cartList[shopId][productId].check = !state.cartList[shopId][productId].check
}

老师，这种设计就让人很苦恼，究竟哪一种才是正确的？

而上一个方法又不是这样的

changeItemInfo (state, payload) {
  const { shopid, productId, productInfo, num } = payload
  let shopInfo = state.cartList[shopid]
  if (!shopInfo) shopInfo = {}
  let product = shopInfo[productId]
  if (!product) {
    product = productInfo
    product.count = 0
  }
  product.count = product.count + num
  if (num > 0) {
    product.check = true
  }
  if (product.count < 0) {
    product.count = 0
  }
  shopInfo[productId] = product
  state.cartList[shopid] = shopInfo
},

如果不写最后一句话state.cartList[shopid] = shopInfo，页面不会重新显示

究竟两者存在什么区别？