我们都知道,vuex是vue中很重要的一部分,每当涉及到数据在多个页面都要用到时,而且页面的层级关系相对来说比较复杂是,那样使用传统的组件之间传值方法就显得比较麻烦了。比如来说我前几天使用vuex这个大管家来放购物车数组时,然后到后来将商品push到购物车数组中cart,然后到页面上修改商品数量时,发现页面上的数字没发生变化,但是监听vuex状态改变的devtools中的数据改变了,可把我愁死了。到后来我才知道如果想要做到响应式,必须要使用 Vue.set() 来添加型属性,否则只有 一初始化时就定义在state中的那些属性才是响应式的;
数组和对象都可以用Vue.set(),既可以用来添加属性,也可以用来修改属性
数组:Vue.set(arr,index,123) index代表索引,将所以为index的修改为123
对象:Vue.set(obj,‘newName’,‘fuao’) 添加一个新的属性 newName , 值为 fuao
vuex 中的响应式坑

相关文章:

  • 2022-01-18
  • 2022-01-12
  • 2021-06-24
  • 2021-05-17
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-06
  • 2022-12-23
  • 2021-12-25
  • 2021-11-22
  • 2021-12-16
相关资源
相似解决方案