看一眼便会的vuex

1.state(放数据)

存

state:{
    str:'这是vuex的数据'
}

取

方法1：
{{$store.state.str}}
方法2：
import {mapState} from 'vuex'
computed:{
...mapState(['str'])
}

2.mutations(同步方法)

mutations:{
      addNum(state){
        state.num++
    },
}

import {mapMutations} from "vuex";
 methods: {
    ...mapMutations(["addNum"]),
    btn() {
      this.addNum();
    },
  },

3.getters(计算属性)

states:{
        str:'这是vuex的数据',
},
getters:{
    setStr(state){
        return state.str.slice(0,2)
},

import { mapGetters} from "vuex";

computed:{
    ...mapGetters(['setStr'])
  },

4.actions(提交mutations)

state:{
    num:1
}
mutations:{
     addNum(state){
        state.num++
    },
}
actions:{
     addCommit({commit}){
        commit('addNum')
    }
}

import {mapActions } from "vuex";
  btn() {
      this.addCommit();
    },