mobx是一个简单可扩展的状态管理库，主要用来管理状态之间的依赖关系，可以使用在任何状态管理的场景，并不仅限于react。
结合mobx-react可以用在react中，结合mobx-vue可以用在vue中。mobx的概念与knockout和rxjs中的概念极其相似，
相当于将kouckout中的状态管理部分独立出来了。
mobx的基本流程如下图：
1. mobx的基本概念
state 应用的数据，包括领域状态和视图状态
observable 可观察者，可以被观察者观察的数据
observer 观察者，可以观察可观察者的对象，可以接收到可观察者发生变化时候发出的消息，并且根据变化做出响应
observer本身是一个函数，也可以以装饰器的身份出现，将其包装过的对象变成一个观察者
derivations 衍生，状态变化引起的副作用，如一个值的变化或者触发一个行为
computed 衍生值，状态发生变化，引起依赖于原始状态的计算状态发生变化，本质是一个函数，关注其返回值，computed中不能再次修改状态
reactions 衍生行为，状态发生变化，引发某些行为，如IO操作，日志记录等，本质是一个函数调用
action 修改状态的函数，本质是一个高阶函数，修改状态可以是不经过action的，但是mobx建议所有状态的修改尽量在action中，在严格模式下，mobx限制只能在action中修改状态
2. reactions的几种类型
autorun: 本质是一个高阶函数，autorun如其名，首次观察状态立即被触发一次，状态变化会再次被触发
autorunAsync: 可以在状态发生改变一定时间后触发，有函数防抖的功能，其他与autorun一致
when: 可以设置断言，当断言生效时候函数被触发，并且仅仅触发一次
reaction: 与autorun类似，函数不会立即执行
3. mobx的最佳实践
1.reactions一定要命名，不要使用匿名的，有利于在报错时候显示准确的信息
2.状态修改一定要做action中来做，利于追踪状态变化
3.开启严格模式，规范写法
4.使用装饰器写法，简洁明了
5.使用多个store
使用多个 store对观测数据进行逻辑分组。
一个用于 UI 状态
一个或多个用于领域状态
参考：https://segmentfault.com/a/1190000015408976
原文地址：https://www.cnblogs.com/mengff/p/9501481.html