Mobx的使用

134 阅读1分钟

Mobx基础

1.任何源自应用状态的东西都应当自动地获得

2.Mobx运行机制

Mobx.png

    1. action事件
        @action.bound 方法名(){} 
            这种写法this始终指向目标对象。注意@action.bound不可与箭头函数一起使用
    2.state状态,可观察和低限度定义的,不应当包含冗余的推导数据
        @observable 状态名 = 状态值
    3.computed指可以通过方法可以从state中计算出的值,Mobx会自动更新
        @computed get 计算值名(){return value}
    4.Reaction(observer)和computed类似,但是不会产生新值,而是会产生一些其他副作用
        const Todos = observer({todos}=>{})

Mobx的安装

安装Mobx: npm install mobx --save
绑定对应的React库: npm install mobx-react --save