微信小程序开发（三）状态管理

首页 / 正文

微信小程序状态管理

方案一：

将全局状态放在app.js文件的globalData中；

使用getApp().globalData获取数据；

缺点：数据不是响应式

https://developers.weixin.qq.com/miniprogram/dev/reference/api/getApp.html

方案二：

使用第三方库hy-event-store:

https://github.com/coderwhy/hy-event-store

npm i hy-event-store

使用库

store_a.js

import { HYEventStore } from 'hy-event-store'

const aStore = new HYEventStore({
  state: {
    a: {name:'coder'}, 
  },
  actions: {
    async getRankingDataAction(ctx) {
     console.log(11)
     let pro = await new Promise((res, rej) => {
        setTimeout(() => {
          res("haha")
          ctx.a = {name: 'xiuluo'}
        },3000)
      })
      console.log(pro)
      console.log('haha2')
    }
  }
})

export {
  aStore
}

index.js

export * from './store_a'

页面引入index.js

import { aStore } from "../../store/index.js";
...

// 发起共享数据的请求
aStore.dispatch('getRankingDataAction')
// 从store获取共享的数据
aStore.onState("a", (res) => {
    console.log(res.name)
})

最新评论

https://www.studyglobus.com/author/carroll34a5552/
Ценники на вывоз мусора сейчас космос, любые лайфхаки по экономии в тему.
Richardgrold
1xbet onlayn kazino platforması ilə vaxtınızı daha səmərəli və maraqlı keçirin. Saytın canlı kazino bölməsi istifadəçilərə fərqli bir dünya təklif edir. Burada canlı dilerli kazino oyunlarının hər bir növünü sınaqdan keçirə bilərsiniz. Krupyelərin peşəkarlığı oyunun dinamikasını və marağını artırır. Müntəzəm olaraq yenilənən oyun siyahısı cansıxıcılığa yol vermir. Hesabınızı artırmaq üçün onlarla fərqli və etibarlı üsul mövcuddur. Qazanılan pullar cəmi bir neçə dəqiqə ərzində şəxsi hesabınıza köçürülür. Aktiv fəaliyyətinizə görə fərdi bonuslar və hədiyyələr qazana bilərsiniz. Dəstək xidməti həm çat, həm də e-poçt vasitəsilə kömək göstərir. 1xbet ailəsinə qoşulun və böyük uduşlar üçün ilk addımı atın. onlayn kazino
砂岩白丘
我一直梦想, 看到你们相册那样的地方。真棒。
城市地標
我喜欢, 这里分享真实经验。你的项目就是属于这里的。请继续。
宗教地標
我热爱这样的想法, 去那么多国家。真的很鼓舞。
觀景高地
能感受到热爱。继续保持感受。
最佳季節
我关注这样的资源, 写得很实在。你的网站就是属于这里的。加油。
1
1
1
1
-1' OR 2+158-158-1=0+0+0+1 or 'TKCTZnRa'='
1