vuex 数据存储读取
时间:2023-6-13 15:26 作者:小诸葛 分类: Vue 正在检查是否收录...
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
}
}
推荐阅读:
扫描二维码,在手机上阅读