核心原理

利用defineProperty(<=v5)或Proxy(v6)拦截对象属性的变化，实现数据的Observable，在 get 中依赖收集，set 中触发依赖绑定的监听函数。
假如你之前关注过 Vue.js、Knockout 等的一些 MVVM 框架的响应式原理，那么你应该会感到非常熟悉。是的，它们的原理如出一辙。

安装

mobx 这个包，提供了 MobX 所有的与具体框架平台无关的基础 Api。比如（observable、makeObservable、action等）。

npm i mobx

如果在 react 中使用，需要添加针对 react 开发的包 mobx-react

npm i mobx mobx-react

如果你在 react 开发中，只使用函数式组件，没有使用类组件，那么可以将 mobx-react 替换为一个更轻量的包 mobx-react-lite

npm i mobx mobx-react-lite

相比mobx-react这个全量包，
1. 去掉了对class components的支持，
2. 并且移除了provider、inject
（原因：这两个HOC在React官方已经提供了React.createContext之后变得不是那么必要了）