关于vuex中响应式的问题

Question

老师这边我做解析的时候并没有加入toRefs,依旧产生了响应式的效果

const { cartList } = store.state

后来在vuex的mutations中我的代码是这个样子的

const { cartList } = state
      if (!cartList?.[shopId]) {
        cartList[shopId] = {}
      }
      if (!cartList[shopId]?.[productId]) {
        console.log('here')
        cartList[shopId][productId] = productInfo
        cartList[shopId][productId].count = 0
        console.log(cartList[shopId][productId])
      }
      cartList[shopId][productId].count++

依旧产生了响应式效果，之后我便思考画了一个框图，你看对不对

Answer 1

throwError_ 2023-06-14 15:09:15

求问为什么不用toRefs也是响应式效果啊

• Dell #1

  这是因为 store 是 vuex 生成的，本身里面的子属性也处理成了相应方式，所以直接使用就可以了。

Answer 2

Dell 2021-03-10 20:48:25

对的！