如果让你从零开始写一个 vuex 说说你的思路

Question

1. 实现一个响应式的 State，用于存储全局状态
2. 允许用户定义 mutation 和 action，用来更改状态
3. 做成插件的形式，绑定在 原型上，便于所有组件获取 store
4. 实现 mapState 等方法，将状态代理到 vue 实例上

class Store {
  constructor(state) {
    this.state = Vue.observe(state);
    this.mutations = {};
    this.actions = {};
  }
  
  commit(type, payload) {
    const mutation = this.mutations[type];
    mutation(this.state, payload);
  }
  
  dispatch(type, payload) {
    const action = this.actions[type];
    action(this, payload);
  }
  
  registerMutation(type, handler) {
    this.mutations[type] = handler;
  }
  
  registerAction(type, handler) {
    this.actions[type] = handler;
  }
}