vuex 中的 dispatch 和 commit 的使用

简而言之

dispatch 异步操作 this.$store.dispatch(‘actions的方法’，arg)； 调用 actions 里面的方法。

commit 同步操作 this.$store.commit(‘mutations的方法’，arg)；调用 mutations 里面的方法。

use.js

import {
    login, logout, getInfo } from '@/api/user'
import {
    getToken, setToken, removeToken } from '@/utils/auth'
import {
    resetRouter } from '@/router'

const getDefaultState = () => {
   
  return {
   
    token: getToken(),
    name: '',
    avatar: '',
    roles: []
  }
}

const state = getDefaultState()

const mutations = {
   
  RESET_STATE: (state) => {
   
    Object.assign(state, getDefaultState())
  },
  SET_TOKEN: (state, token) => {
   
    state.token = token
  },
  SET_NAME: (state, name)<