微信小程序，mobx，使用demo

微信小程序是一种轻量级的应用开发平台，它基于微信生态，允许开发者快速构建原生体验的移动应用，用户无需下载安装即可使用。微信小程序的核心是WXML（Wechat Markup Language，微信模板语言）、WXSS（Wechat CSS）以及JavaScript，它们共同构成小程序的基本开发环境。

MobX，如前面所述，是一个用于管理应用状态的工具，适合数据驱动的场景。要在微信小程序中集成MobX，你需要做的是：

1. **安装依赖**：
- 首先，你需要在小程序的项目中安装 `mobx` 和 `mobx-react`，可以使用npm或者yarn：

     npm install mobx mobx-react
     或
     yarn add mobx mobx-react

2. **创建store**：
创建一个简单的MobX store，例如存储用户的登录信息：

   import { observable } from 'mobx';

   export default class UserStore {
       @observable userInfo = {};
   }

3. **使用store**：
在WXML中通过`<script>`标签引入store，并在JS文件中获取并使用：

   <script src="path/to/UserStore.js"></script>

   Page({
     data: {},
     onLoad: function() {
       const userStore = this.data.userStore || new UserStore();
       this.setData({ userStore });
     },
     onLogin: function(userInfo) {
       this.data.userStore.userInfo = userInfo;
     },
   })

4. **响应式监听**：
在需要的地方监听store的变化：

   <view>{{userStore.userInfo.name}}</view>
   <button bindtap='onLogin'>登录</button>

当`userInfo`发生变化时，页面会自动更新显示。

**注意**：由于微信小程序有自己的生命周期管理和数据绑定机制，实际使用时，可能会做一些适配处理，例如转换 MobX 的动作（action）到微信小程序的生命周期函数等。