mobx修饰器

@ 是ES7里的修饰器,可以到网上找资源学习 es7的修饰器

import { observable ,computed,autorun,action } from ‘mobx’
1.observable
将属性转为可观察的,一旦发生变化,则变量所处的位置会立即发生变化

2.computed
如果使用了@computed (@computed msg getter()),那么msg的值将会被缓存,如果其他值的变化没有触发msg值的变化,那么msg的getter()值就不会改变,index.jsx组件也不会收到通知(componentWillUpdata)。
@computed的意义在于它能够由MobX进行更智能的优化

  1. autorun
    定义的 @observable 变量如果发生变化,autorun会自动执行相应的方法。

4.action
对函数使用@action修饰符后,无论函数中对@observable变量(应用状态)有多少次修改,都只会在函数执行完成后,触发一次对应的监听者(UI更新、网络请求等)。从而更大程度地提升应用的性能,避免多余的UI渲染和网络请求。

5.observer
可以用来将 React 组件转变成响应式组件

参考(有详细实例):https://ymbo.github.io/2018/03/06/mobx基本用法/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值