08-前端保存token

1、使用vuex(store)保存登录信息

vuex或称store，用于存储全局变量，可用于各页面传递参数，或放置项目全局信息。

state：定义一个全局变量
getters：获取变量时，做些额外的转换，如日期格式化
mutations：相当于java的setter，用于修改变量
actions：发起异步任务
modules：项目较大，变量较多时，可以模块化

缺点：页面刷新后，数据会丢失

1.1、创建全局变量

在ticketweb/src/store目录中index.js文件：创建member全局变量。

import { createStore } from 'vuex'

export default createStore({
  // state：定义一个全局变量
  state: {
    member: {}
  },

  // getters：获取变量时，做些额外的转换，如日期格式化
  getters: {
  },

  // mutations：相当于java的setter，用于修改变量
  mutations: {

    setMember(state,_member){
      state.member = _member;
    }
  },

  // actions：发起异步任务
  actions: {
  },

  // modules：项目较大，变量较多时，可以模块化