vuex实现购物车功能:
一:今天用vue中的vuex实现简单的购物车功能:
首先项目中必须要有vuex(我的项目中已安装)
话不多说直接上代码:
state:{
goods: [],
}
mutations: {
addCarts(state, goods) {
let rel = true;
state.goods.map(item => {
if (item.goods.id == goods.id) {
item.num++;
rel = false
}
})
if (rel) {
state.goods.push({
goods,
num: 1,
}
)
}
},
del(state,index){
state.goods.splice(index,1)
}
},
vuex中有几个核心概念 包括:state getters(计算属性) mutations actions modules 期中 mutations主要用来改变state中的状态
tempalte代码:
<van-nav-bar title="我的购物车" left