vue computed 使用方法

computed: {  

    userName: {

      get () { return this.$store.state.user.username },

      set (val) { this.$store.commit('user/setUsername', val) }

    },

  },

 

这里去读取store里设定的state值

import { setToken, getToken } from '@/libs/util'

export default {
  state: {
    username: null // 登录名
  },
  getters: {
    getUsername (state) {
      return state.username
    }
  },
  mutations: {
    setUsername (state, name) {
      state.username = name
    }
  },
    // 退出登录
    handleLogOut ({ state, commit }) {
      // 无需请求接口退出登录
      commit('setToken', '')
      commit('setAccess', [])
    },
    // 获取用户相关信息
    getUserInfo ({ state, commit }) {
      return new Promise((resolve, reject) => {
        initUserInfo().then(() => {
          resolve()
        }).catch(err => {
          reject(err)
        })
      })
    }
  }
}