mobx使用

mobx:是一个用来管理状态的仓库，如果被观测组件发生改变，会自动渲染有关页面

mobx（数据和 Store 使用）
	toJS 将观察对象转换为普通 js 对象，一般在传给非 mobx 组件的时候需要将复杂数据进行转换，否则可能导致报错
	(@)observable 观察属性，一般观察 Store 类的属性值 （定义 state）
	
	(@)action 动作，一般用来包装 Store 类的方法，接口的异步回调方法，也需要进行包装 （定义操作 state 的方法）
	
	(@)computed 定义一个方法，当依赖的 state 发生改变时，自动重新计算，自动地将最新的结果渲染至调用的地方

使用：

// store
import { observable, action, computed } from "mobx"; 

class CountStore {
  // constructor() {
  //   makeObservable(this); // 注意：对于6.0以上版本mobx，需要添加该构造函数才可以正常运行，记得导入方法
  // }
  @observable a = 1;
  b = 2; // 注意此处b为普通属性，这种属性只要没有【被观测属性】发生改变，是不会被观测到改变的！

  @action  // 注意如果使用普通函数，则必须写成：@action.bound，函数中的this才可以正确指向
  add = () => {
    this.a++; // 如果下面一行注释掉，则a被正常观测
    this.b++; // 如果上面一行注释掉，则b无法被观测
    // 如果两个都存在，则ab都被观测到
  };

  @computed get ab() {
    return this.a + this.b;
  }
}

const countStore = new CountStore();
export default countStore;