mobx

解释： 在小程序开发中，总会遇到多页面需要使用同一数据的情况，从而产生了希望引入mobx、redux等数据状态管理框架的诉求。smt-mobx是小程序使用mobx的连接器，帮助开发者在小程序开发中使用mobx。mobx使用的是4.13.1版本。mobx官网，小程序中使用三方npm包方法，见npm使用说明。

方法参数

createStoreManager方法参数说明：

在onLoad或者attached时创建storeManager

options 参数说明

返回值

返回storeManager对象，storeManager对象包括以下方法

代码示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

  1.     npm install @smt-lib/mobx
  1.     // store.js    import { observable, action } from 'mobx';    export const store = observable({        // 数据字段        a: 1,        b: 2,        addA: action(function () {            this.a++;        }),        addB: action(function () {            this.b++;        })    });    // 页面a    import {createStoreManager} from '@smt-lib/mobx';    import {store} from './store';    Page({        data: {            // 默认数据        },        onLoad () {            // 将actions上的方法，绑到this.storeManager上            // 将fields上的数据，链接到this.data上            this.storeManager = createStoreManager(this, {                store,                fields: ['a', 'b'],                actions: {                    myAddA: 'addA',                    myAddB: () => store.addB                }            });        },        updateNum() {            this.data.a  // 获取store中的a            this.storeManager.myAddA();  // 调用store.js中的addA方法        },        onUnload() {            // 在onUnload时需要清空绑定的storeManager            this.storeManager.destoryAll();        }    });