wx-app-global-data-observer

KO | EN

gitlite — search

#hacktoberfest #react #golang #android #linux #macos #nodejs #java #windows #awesome-list #vue #security #pytorch #mcp

wx-app-global-data-observer

(★ 10)

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

wx-app-global-data-observer Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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字段

wx-app-global-data-observer

wx-app-global-data-observer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

wx-app-global-data-observer

wx-app-global-data-observer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README