vuex实现购物车功能

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