如何从Vue组件操作中调用Vuex模块操作？

// store/myModule.js

export default {
  namespaced: true, // 启用命名空间
  state: {
    // 模块的状态
  },
  mutations: {
    // 模块的同步操作
  },
  actions: {
    // 模块的异步操作
  },
  getters: {
    // 模块的计算属性
  }
}

// store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import myModule from './myModule'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    myModule
  }
})

// MyComponent.vue

<template>
  <div>
    <button @click="increment">调用模块中的mutation</button>
    <button @click="fetchData">调用模块中的action</button>
  </div>
</template>

<script>
import { mapActions } from 'vuex'

export default {
  methods: {
    ...mapActions('myModule', ['fetchData']),
    increment() {
      this.$store.commit('myModule/increment')
    }
  }
}
</script>