Mobx学习笔记

Mobx是一个状态管理库(状态管理实质上就是在管理数据变化) Mobx通过透明的函数响应式编程使得状态管理变得简单和可扩展 Mobx状态管理是基于观察者模式的(Mobx6.0移除了修饰器) 安装Mobx npm install mobx mobx-react --save 或者 yarn add mobx mobx-react --save 导入 import {observable, autorun, computed, action, makeObservable,reaction,when} from "mobx" import {observer} from "mobx-react" 注意:在严格模式中,是不允许在action之外改变状态的 启动严格模式 import {configure} from 'mobx' configure({enforceActions: true}) observable定义可观察的状态 action修改状态(动作) computed计算值 数据变化可被观察,例如: let appdata = observable([1,2,3,4,5]) console.log(appdata[1]) appdata = observable({a:1,b:2,c:3}) console.log(appdata.a) appdata.a += 1 console.log(appdata.a) appdata = observable.box(100) console.log(appdata) 响应式对象 makeObservable(手动配置observable,action,computed) const store = makeObservable({ count: 666, get double(){ return this.count * 2 }, increment(){ this....

2021-08-08 · 1 min · Me