Mobx和Mobe-React傻瓜式教程

因为我也不怎么会，所以讲的很小白，但是我相信很多人都需要这种小白式的教程．而且趁着我还理的暂时清除，赶紧记下来，防止自己明天失忆．

这玩意是干嘛的？

很多教程都是直接讲怎么使用，但是我感觉应该先讲这玩意有什么用．

存放全局有效数据．

比如，在React中一个思想就是一个页面的数据保存在该页面的state中，但是假设更多更多页面，多到这些页面没有什么关联的情况下都需要使用相同的数据，而且在一个页面中进行数据修改后，在别的页面也能读取，这样就需要用这玩意，把我们需要共享的数据保存起来．

明确这一点后，问题就是如何保存数据．

装饰器以及我个人很满意的一个例子

首先，作为前端小白，第一次看见@action，@observable这些东西的时候，直接懵逼，这些是什么鬼？我的前端还在几年前的记忆里．

接着，我讲解的肯定是不对，或者不准确的，但是出发点是帮助你理解这玩意是怎么用的，对于我们小白来说，先能用，用着用着，原理就自然而然的出来了．你可以简单的理解，就是在你的函数之前运行了另一个函数，而这个函数到底干了什么，不用管，直接看他会对你的代码产生什么影响就好．

下面我列举一个银行取钱的例子，放心，不全是代码：

家里有很多家银行的帐号，但是有一些是父母专门用的，有一些是大家共用的，比如你的压岁钱．．．．．

为了做一个区分，大家在大家都可以用的帐号的存折上贴上@observable的Logo，大家看见这个Logo就标志这玩意是大家都共用的．接着大家规定了花这笔钱的渠道：

• 买菜：如果超过50则驳回，否则扣除相应的菜钱
• 去游乐园：如果今天不是周六周日则驳回，否则扣除相应的门票钱
• 等等等

大家把这些规则写成一个通告：