使用mobx 示例

安装npm i  mobx mobx   然后报错    Support for the experimental syntax 'decorators-legacy' isn't currently enabled
修改.babelrc文件如下:增加     ["@babel/plugin-proposal-decorators", { "legacy": true }],

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    "@babel/plugin-transform-runtime",
    "@babel/plugin-transform-arrow-functions",
    "transform-class-properties",
    "@babel/plugin-syntax-dynamic-import"
  ]
}
 
安装完后使用示例:
store.js

组件中应用:

 

然后组件中需要使用的时候调用store.saveData()方法,

如有需要转换JS格式 用 toJS,引用方法

import { toJS } from 'mobx';

原文地址:https://www.cnblogs.com/xiaoyaoweb/p/11418465.html