Я учусь использовать Vue-Cli. Ранее я использовал vue2 с laravel.
Я не знаю, почему я не могу получить данные в 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/>'
})
и мой код в магазине / 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
.
Пожалуйста, дайте мне решение. Спасибо за помощь.