react中mobx的使用

在这里插入图片描述
在组件当中调用action,action中修改state的状态,状态改变以后更新组件的视图。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
传过去以后app组件就可以使用这个属性了。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
@后面跟上一个成员名称这种语法在我们的es6当中我们称之为装饰器语法。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
也可以理解为利用装饰器实现的一种继承方式。

装饰器除了可以修饰类本身还可以修饰类的内部成员。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
当count发生改变,autorun就会默认执行。

需要经过一定业务处理而得到的数据我们把它提炼为一个方法或者是一个计算属性。在这里插入图片描述
在这里插入图片描述
本质是方法但是我们用的时候把它当作属性来使用。

有缓存效果,就是访问多次的时候其实只调用了一次的意思。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
action还有一个成员叫做bound.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
加上bound以后this永远指向的是容器的实例对象。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
就是计算的意思

在这里插入图片描述
我们需要监视一些数据的改变,当这些数据改变的时候我们去执行一些自定义的业务逻辑。

扫描二维码关注公众号,回复: 13531800 查看本文章

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

大佬:https://www.bilibili.com/video/BV1tL4y1h7ND?p=6&spm_id_from=pageDriver

猜你喜欢

转载自blog.csdn.net/liulang68/article/details/121754779