关于vuex中响应式的问题

首页课程实战体系课手记专栏慕课教程

关于vuex中响应式的问题

来源：11-2 Vuex中购物车数据结构的设计（1）

sony的小鼠

2021-03-10

老师这边我做解析的时候并没有加入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++

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

写回答

2回答

throwError_

throwError_

2023-06-14

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

0

1

Dell

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

2023-06-23

共1条回复

Dell

Dell

2021-03-10

对的！

0

0

Vue3入门与项目实战掌握完整知识体系

明星讲师DELL亲授，全方位知识点+高匹配度项目，入门到深度掌握

3382 学习 · 1454 问题

相似问题

关于本节中获取cartList问题

回答 1

为什么没有使用toRefs 转为响应式，仍然可以实现响应式？

回答 1

不是响应式的数据改变导致了页面的改变

回答 1

老师，请教一个关于使用VueX里面数据的问题

回答 2

老师vue3的props传递过来的值是响应式的吗，我发觉我子组件触发父组件的方法让父组件修改一个对象的属性再传递过来，但是视图未展示值，但是数据是是改变了

回答 1

打开慕课网App查看更多内容