Detailed explanation of Vuex environment

// scr/vuex/index.js
 // Import Vuex
import Vuex from 'vuex'
 // Used to respond to actions in components const actions = {}
// Used to manipulate data const mutations = {}
// Used to store data const state = {}
 // Create a store
const store = new Vuex.Store({
    actions,
    mutations,
    state
})
 // Export store
export default store

// main.js
import Vue from 'vue'
import App from './App.vue'
import Vuex from 'vuex'
import store from './store/index'
 Vue.use(Vuex)
 new Vue({
    render:h => h(App),
    store
}).$mount('#app')

// scr/store/index.js
 // Import Vuex and Vue
import Vuex from 'vuex'
import Vue from 'vue'
 // Apply Vuex plugin Vue.use(Vuex)
 // Used to respond to actions in components const actions = {}
// Used to manipulate data const mutations = {}
// Used to store data const state = {}
 // Create a store
const store = new Vuex.Store({
    actions,
    mutations,
    state
})
 // Export store
export default store

// main.js
import Vue from 'vue'
import App from './App.vue'
import store from './store/index'
 new Vue({
    render:h => h(App),
    store
}).$mount('#app')