Mobx从傻子到入门

一.首先环境配置

1安装mobx mobx-react 

npm install --save mobx mobx-react

2.安装修饰符

 npm i --save-dev babel-plugin-transform-decorators-legacy

babelrc配置可以在package.json里边改

 "babel": {
    "plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ],
    "presets": [
      "react-app"
    ]
  },

二.主要api

mobx

1.@observable 创建一个被监听的对象。没有被这个声明的检测不到

2.@computed  Vue里的计算属性，依赖的值变化（@observable声明的 ）改变，就会执行

3.@action 改变store的值的行为

 

4.extendObservable 动态添加Observable

5.autorun  初始化执行一次

mobx-react

1.Provider  Provide与redux类似, 把利用context把store注入全局中

2.@inject  给组件注入store

多个的话就写

3.@observer 监听stote 变化同事更新视图

三. 建立仓库