const state = { token: '' } const mutations = { saveToken(state, payload) { state.token = payload } } const actions = { onLogin({ commit }) { commit('saveToken', 'xxx-token-xxx') } }解释每行代码并优化返回代码

1. `const state = { token: '' }`：定义一个名为 state 的常量，它是一个对象，里面包含一个名为 token 的属性，初始值为空字符串。
2. `const mutations = { saveToken(state, payload) { state.token = payload } }`：定义一个名为 mutations 的常量，它是一个对象，里面包含一个名为 saveToken 的方法。当该方法被触发时，它会将传入的参数 payload 赋值给 state 对象中的 token 属性。
3. `const actions = { onLogin({ commit }) { commit('saveToken', 'xxx-token-xxx') } }`：定义一个名为 actions 的常量，它是一个对象，里面包含一个名为 onLogin 的方法。当该方法被触发时，它会触发名为 saveToken 的 mutations 方法，并传入参数 'xxx-token-xxx'，该方法由 commit 函数触发。

优化代码如下：

const state = {
  token: ''
}

const mutations = {
  saveToken(state, payload) {
    state.token = payload
  }
}

const actions = {
  async onLogin({ commit }) {
    const token = await someAsyncFunctionToGetToken()
    commit('saveToken', token)
  }
}

export default {
  state,
  mutations,
  actions
}

在优化后的代码中，我将 onLogin 方法改成了异步函数，并且在其中使用了一个异步函数去获取 token 值，然后再将其传给 mutations 中的 saveToken 方法。这样可以更好地处理异步操作，并避免在 actions 中直接操作 state 对象。