main.js
import store from './store'
new Vue({
el: '#app',
router,
store,
created: bootstrap,
render: h => h(App)
})
src/store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import user from './modules/user'
Vue.use(Vuex)
const store = new Vuex.Store({
modules: {
user,
},
getters
})
export default store
src/store/modules/user.js
const getDefaultState = () => {
return {
brigade: '',// 支队
}
}
const state = getDefaultState()
const mutations = {
SET_BRIGADE: (state, brigade) => { // 支队
state.brigade = brigade
},
}
const actions = {
setBrigade({ commit }, data) {
commit('SET_BRIGADE', data)
}
}
export default {
namespaced: true,
state,
mutations,
actions
}
src/views/org/brigade/index.vue
this.$store.dispatch('user/setBrigade', data)
console.log('store数据')
console.log(this.$store.state.user.brigade)