怎样用电脑做网站,seo 工具,wordpress 添加淘宝,企业网站备案条件转载请注明原文地址#xff1a;http://www.cnblogs.com/ygj0930/p/7372119.html 一#xff1a;Mobx工作流程图 二#xff1a;MobX涉及到的概念 1:状态state 组件中的数据。 2:被观察observable 被observable修饰的state数据将会暴露给整个app#xff0c;各观察者组件都可以…转载请注明原文地址http://www.cnblogs.com/ygj0930/p/7372119.html 一Mobx工作流程图 二MobX涉及到的概念 1:状态state 组件中的数据。 2:被观察observable 被observable修饰的state数据将会暴露给整个app各观察者组件都可以根据state值的变化作出响应。 3:观察者observer 被observer修饰的组件将会根据组件内使用到的被observable修饰的state的变化而自动重新渲染原理用autorun包裹了render函数state变化触发autorun从而自动渲染 4:action state值的修改需要在action函数中进行。 5:衍生值computed get基于state值通过一些计算得到的新值并返回给调用者。 setget的相反运算参数为一个值由该值进行get函数中的反运算得到对应的state值并赋予state。 6:衍生行为autorun 基于state的变化而触发的一系列行为注意这些行为不改变state值、不产生新的数据通常为日志记录、请求发送、UI渲染等。 三Mobx的使用 掌握了上面的基本概念Mobx的使用流程就清晰了 新建一个mobx目录在其中新建一个appStore.js文件专门用于管理整个app的state。appStore中定义一个Component在组件中 1:定义需要被全局观察的state用observable修饰 2:定义改变state的行为函数用action修饰 3:定义基于某state通过计算产生新值的get函数用computed修饰 4:定义基于所传参数通过计算得到state值的set函数用computed修饰 5:定义基于state变化自动触发的行为函数用autorun修饰 6:在文件末尾新建一个该组件的实例并export 然后在其他组件文件中就可以import 这个组件实例直接使用 组件实例.XXX 访问数据、方法了。 注意其他组件是观察者组件用observer修饰。
