mobx基础操作其实用起来非常简单,而且可以完成大部分的功能了:
被观察者@Observable,观察者@Observer,修改者@action,基础数据处理者@computed
下面是一些实战经验总结:
请求数据回来,经过model层处理 this.list = list.map(item => new DeliveryModel(item)); ,把数据处理成我们想要的,赋值给数据。
页面里面能拿到models里面的computed get test() 这个函数名字@action fetchData = async()=>{this.test={'a':1}} ---> @observable test = {} 请求数据,然后改变赋值 @action 是唯一可以修改 @obserable状态的 -->state变化 computed出现新值 --> @observer出现的新值再放到pages上面进行更新。@computed 响应式的产生一个可以被其它 observer 使用的值 @autorun 要达到一个效果 ---- 效果是像打印日志、发起网络请求等这样命令式的副作用经验法则如果你有一个函数应该自动运行,但不会产生一个新的值,请使用autorun。 其余情况都应该使用 computed