vuex存值取值

vuex中的存值和取值

存值this.store.dispatch('action方法名',值)

存值this.store.commit('mutations方法名',值)

store文件夹下的index.js页面代码
import Vue from 'vue'
import Vuex from 'vuex'
import createLogger from 'vuex/dist/logger'
import Beike from './beike'
Vue.use(Vuex)
const store=new Vuex.Store({
    modules:{
        Beike
    },
    plugins: [createLogger()]
})
export default store
beike.js文件代码
export default {
    namespaced: true,
    state:{
        userInfo:{},
    },
    mutations:{
        USERINFO(state,params){
            state.userInfo=params
        },
    },
    actions:{
        getUserInfo (context, data) { 
            console.log(context,data)
            context.commit('USERINFO', data)
          },
    },
}

存

this.$store.dispatch("Beike/getUserInfo",data)

取

computed中

computed: {

img(){

     return this.$store.state.Beike.userInfo.photoLarge

}

},