无法获取数据并存储在Vue CLI中

Question

我正在学习使用vue-cli。以前，我在laravel中使用vue2。 我不知道为什么我无法在vue cli中获取数据。

我在main.js文件中的代码

import Vue from 'vue'
import Vuex from 'vuex'
import App from './App'
import store from './store'
import router from './router'
Vue.config.productionTip = false
Vue.use(Vuex)
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,
  router,

  data () {
    return {
      a: 'v'
    }
  },
  mounted: () => {
    console.log(this.a)
    console.log(this.$store)
  },
  components: { App },
  template: '<App/>'
})

和我在store / index.js中的代码

import Vue from 'vue'
import Vuex from 'vuex'
import room from './modules/ChatTeam/room'
Vue.use(Vuex)

// const debug = process.env.NODE_ENV !== 'production'

export default new Vuex.Store({
  state: {
    a: 'x'
  },
  getters: {
    getX: (state) => {
      return state.a
    }
  },
  mutations: {
    setA: (state, {x}) => {
      state.x = x
    }
  },
  modules: {
    room
  }
})

，我的结果是双undefined。 请给我一个解决方案。谢谢您的帮助。