院卒新人サラリーマンのメモ代わり

備忘としてのメモを記載

vuex整理

//store.js
const moduleA = {
  namespaced: true,
  state: {
    count: 0,
    msg: ''
  },
  mutations: {
    increment (state, num) {
      state.count += num
    },
    setMsg(state, msg){
      state.msg = msg
    }
  }
};

const moduleB={省略}

export default new Vuex.Store({
  modules: {
    moduleA,
    moduleB, 
  }
});

//使いたいvueファイル
import { mapState, mapMutations } from "vuex";

  computed: {
    ...mapState('moduleA',[
      "count",'msg'
    ])
  },
  methods: {
    ...mapMutations('moduleA',[
      "increment", "setMsg"
    ])
  }