mobx学习笔记06——常用工具函数与性能提升

常用工具函数

observe

可以理解为监听器,纯函数,不能用作修饰器。

例子:todoList项目,监听每一个list数据项的变化。

class Store{

}

toJS

将数据转换为纯对象。

trace

追踪,需要在父作用域中被调用。可用于代码调试。

传入参数true,在执行代码时会进入debug,并在注释提示该render方法会被哪些因素影响重新执行渲染以及本次执行是因为什么。

spy

监控所有的事件,执行的每个action对可观察数据的修改,autorun或reaction的每次触发等等,都能被监控到。

性能提升

例:todoList中某一项数据的变化会触发整个TodoList页面的渲染。我们有必要阻止这种过度渲染的情况。

三个法则:

  • 细粒度拆分视图组件
  • 使用专用组件处理列表
  • 尽可能晚地解构可观察数据
原文地址:https://www.cnblogs.com/superjishere/p/12118803.html