文章阅读

沉浸阅读完整内容

写文章

vuex 数据存储读取

正在统计阅读人数 正在统计字数
登录收藏0
字号 100%

1.在state定义空数组

  state: {
    goodsList:[],//商品列表
  },

2.在 mutations里面写更新数据方法,payload 是传递过来的值,赋值给state下面的goodsList数组

  mutations: {
    // 存储商品
    addGoods(state,payload){
      state.goodsList=payload
    }
  },

3.吧获取到的数据传递给vuex 用this.$store.commit方法传递数据

// 把获取到的数据传递给vuex
        this.$store.commit('addGoods',res.data.data)

4.在从computed里面读取存vuex储的数据

    computed:{
        // 从vuex里面读取商品数据
        list(){
        return  this.$store.state.goodsList
        }
    }

推荐阅读

4 篇精选
文章 / 227北京市朝阳区江达爱心养老院 文章 / 225中国康养恒颐汇·昌平院 文章 / 226北京市大兴区金鹤老年护养院 文章 / 228北京市华医堂养老康复中心

评论 0

还没有评论,欢迎留下第一条讨论。

分享精彩,传递价值

生成专属海报,分享你的文章,让更多人发现好内容

浏览器不支持 Canvas,无法生成海报。

每日签到

每天来这里,记录一点持续积累。

当前积分--积分
本月签到--天
本月获得--积分
正在读取