Vuex在store中存储读取数据

a页面存储 b页面读取

store-index.js

mport Vue from 'vue'
import Vuex from 'vuex'
 
Vue.use(Vuex)
 
const state = {
 // 初始化数据，等待获取
 username: ''
}
 
const mutations = {
 usernamelist(state,data) {
    state.username = data
 },
}
 
export default {
    state,
    mutations
}

a.vue

this.$store.commit("usernamelist", res.data.nickName);
//用于像store存储数据  方法名，数据   （方法名要和store中的方法名一致）

b.vue

this.$store.state.index.username
//用于读取store中的数据