mobx使用教程

Posted 2023-03-19

参考技术A

mobx:

核心思想： 状态变化引起的副作用应该被自动触发

1、 es5实现类

2、 es6实现类

3、 异常处理

4、 装饰器decorator :在声明阶段实现类与类成员注解的一种语法
babel支持：

配置：

（1） 类修饰器

成员修饰器
（2）、 值属性修饰器

（3）、 函数属性修饰器

安装

（1）、 数组类型

（2）、 对象类型

（3）、 基本类型

（4）、 声明仓库

（1）、 computed
第一种用法

或者

第二种用法

（2）、 autorun

（3）、 when

（4）、 Reaction

安装依赖

package.json内容

webpack.config.js

1、 observe 监查

2、 spy 监测
该函数可监测到数据所有层级的变化，该函数在全局调用

3、"toJS"将observeable对象转换为js对象。
4、 trace 追踪，该函数需要在副作用中调用，比如render，传入true参数时自带断点调试功能。

1、细粒度拆分试图组件
2、使用专用组件处理列表
3、尽可能晚地解构可观察数据
package.json

webpack.config.json

index.jsx