本文共 717 字,大约阅读时间需要 2 分钟。
1.新建user.js:
const user = { state:{ user:"" }, mutations:{ USER_INFO(state,info){ state.user = info } }, actions:{ saveUserInfo({ commit },data){ commit('USER_INFO',data) } }};export default user
2.store/index.js引入:
import Vue from 'vue';import Vuex from 'vuex';import user from './user';Vue.use(Vuex);const store = new Vuex.Store({ modules:{ user }});export default store
3.main.js引入store文件 :
import Vue from 'vue'import App from './App'import router from './router'import store from './store'...//挂载new Vue({ el: '#app', router, store, components: { App }, template: ''})
4.组件中login.vue中调用:
//this.$store.dispatch('saveUserInfo',response.data.data);//请求回来后,把用户信息存储到VUEX里
转载地址:http://ajesi.baihongyu.com/