wx-app-global-data-observer v1.0.5

wx-app-global-data-observer

微信小程序全局状态管理方案，提供响应式的app.globalData。

1.在app.js文件中引入小程序构建npm后的模块，例如：

let Observer = require('wx-app-global-data-observer')
let observer = new Observer()

2.在app.js的globalData中添加属性，并在onLaunch中进行数据劫持，例如：

App({
    onLaunch: function() {
        observer.Observe(this.globalData.wxMinix)
    },
    globalData: {
        wxMinix: {
            userInfo: {}
        }
    },
})

3.在App构造器中添加makeWatcher函数，例如：

App({
    makeWatcher: function(key, fn) {
        observer.makeWatcher(key, this.globalData, fn)
    }
})

4.在任意page或component中的onLoad或attached中实例化Watcher，并在回调函数中设置希望随app.globalData改变而改变的data或properties字段。例如：

const app = getApp()
Component({
    lifetimes: {
        attached: function () {
            let _this = this
            app.makeWatcher("wxMinix.userInfo", function(newValue) {
                _this.setData({
                    userInfo: newValue  
                    //希望app.globalData.wxMinix.userInfo发生改变时
                    //当前组件的info字段也能发生变化
                })
            })
        },
    },
    properties: {
        info: {
            type: Object,
            value: null
        }
    },
},

5.在全局任意地方为app.globalData.wxMinix.userInfo赋值时，通过app.makeWatcher注册的观察者回调函数就会执行，从而改变指定的data或properties字段