不要在 mutation 加工 API 回来的资料

mutation
当作 state 的 setter 使用。
要符合 setter 的使命，挡掉错误格式。

在 GET 和 POST 格式差很多时。
可以在 mutation 不让资料失真的前提转格式。
只是这样的 case 我自己很少遇到。

极致版的 state
只储存 list 和 one 两个变数。在此可以储存一笔资料和一个列表的资料。

基本款的 getters
就是直送，将资料原封不动的直接送出来。

@/store/index.js

import actions from './actions';

export default {
  actions,
  state: {
    one: {},
    list: []
  },
  mutations: {
    user (state, payload) {
      if (!(payload instanceof Object)) {
        throw Error('user is not Object in mutation')
      }
      state.one = payload
    },
    users (state, payload) {
      if (!(payload instanceof Array)) {
        throw Error('users is not Array in mutation')
      }
      state.list = payload
    }
  },
  getters: {
    user (state) {
      return state.one;
    },
    users (state) {
      return state.list;
    }
  }
}

mutation 一定要用，为了配合 vue devtool 的 hook。

命名原则

mutation 的命名和 getters 一样。就可以从呼叫 dispatch('fetchUser') 知道里面有使用 commit('user') 之後可以从同名的 getters.user 拿到资料。

分档原则

只将 actions 分出去
一来会让它大多数的作用是 API Doc 的对照表。
二来是将 Module 本体保时资料 + getters + setters 的三个部份。