vuex 学习总结

//内部引用  

import Vue from "vue"

import Vuex from "vuex"

Vue.use(Vuex)

const store = new Vuex.Store({
    state,
    getters,
    actions,
    mutations 
})

const state = {
  lists : [
    {name :  "cz", age : 20 },
    {name :  "cz", age : 20 },
  ],
  count : 0   
}

const getters = {
  cou : state => {
        return state.count
  },

  list : state => {
    var listFor = state.lists.map( a => {
      return {
        name : a.name,
        age : a.age
      }
      return listFor 
    }
  }
}    

const actions = {
   //加
   add({commit}){
     commit("muAdd")   //
   },

   //减 
   cut({commit}){
     commit("muCut")
   },

   //list
  ageAdd({commit},num){
      commit("ageAdd",num)
  }

}

const mutations = {
  muAdd: state => {
    state.count ++
  },
  muCut : state => {
    state.count --
  },

  ageAdd : (state,num) => {
    state.lists.forEach( element => {
      element.age += num
    })
  }  
}

computed:{
  one(){
    return this.$store.state.lists
  }
},