博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
mobx基础
阅读量:4677 次
发布时间:2019-06-09

本文共 624 字,大约阅读时间需要 2 分钟。

 

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

转载于:https://www.cnblogs.com/yangxueyou/articles/10389223.html

你可能感兴趣的文章
谷歌浏览器,添加默认搜索引擎的搜索地址
查看>>
数据结构化与保存
查看>>
为什么需要Docker?
查看>>
国内5家云服务厂商 HTTPS 安全性测试横向对比
查看>>
how to control project
查看>>
转 python新手容易犯的6个错误
查看>>
第四节 -- 列表
查看>>
决策树
查看>>
团队作业
查看>>
如何避免在简单业务逻辑上面的细节上面出错
查看>>
大型网站高并发的架构演变图-摘自网络
查看>>
8丶运行及总结
查看>>
WebApi请求原理
查看>>
[Node.js] node-persist: localStorage on the server
查看>>
jquery.event 研究学习之bind篇
查看>>
LOJ #108. 多项式乘法
查看>>
libusb开发指南
查看>>
SAS基础 -- 逻辑库不存在问题解决
查看>>
Servlet监听器统计在线人数
查看>>
关于手机端IOS系统微信中虚拟键盘遮挡input输入框问题的解决方案 草稿
查看>>