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
}
},