博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vuex存储用户信息,保存用户登录信息
阅读量:4111 次
发布时间:2019-05-25

本文共 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/

你可能感兴趣的文章
自己的网站与UCenter整合(大致流程)
查看>>
laravel 制作通用的curd 后台操作
查看>>
【小红书2017年笔试】求一个数组中平均数最大的子数组
查看>>
【java基础】父类与子类中各成员初始化顺序
查看>>
maven安装并在eclipse中配置
查看>>
三种常见字符编码简介:ASCII、Unicode和UTF-8
查看>>
【剑指offer】链表中倒数第K个节点
查看>>
http 请求中的 referer
查看>>
【携程2018校招】数组中非零元素稳定的放到数组前面,零元素放到数组后面
查看>>
【Mac终端】 root与普通用户切换(root/bash-3.2/sh-3.2/MacBook-Pro区别)
查看>>
【rabbitMQ之二】rabbitMQ之工作队列(消息ACK、消息持久化、公平分派)-go语言
查看>>
【git】git的origin和master分析
查看>>
Golang 新手可能会踩的 50 个坑-值得一看,强力推荐
查看>>
ubuntu安装opendr
查看>>
C++ 实现多线程:生产者消费者模型
查看>>
python 利用 vispy 读取显示 .obj文件
查看>>
ubuntu16 install LaTeX
查看>>
Ubuntu16.04进入不了图形界面 :the system is running in low-graphics mode
查看>>
Anaconda 搭建python3.5 开发环境
查看>>
Linux基础系列-定时器与时间管理
查看>>