vant-ui引入以及api的Promise化,全局数据共享

一:小程序的对npm包的限制


npm包限制.png

二:API的promise化


API的promise化.png
miniprogram-api-promise.png
//wx.request Promise化
async getrCategoriesData(){
    const res = await wx.p.request({
      url: urlList.urlList.categories,
      method:"GET"
    })
    console.log(res);
    this.setData({
      categories:res.data
    });
  },

三:全局数据共享
3.1小程序中全局数据共享方案


小程序中全局数据共享方案.png

3.2安装Mobx包


安装Mobx包.png

3.3创建mobx的store示例
创建mobx的store示例.png

3.4将store中的成员绑定到页面中


image.png

3.5在页面上使用store的成员


在页面上使用store.png

3.6将store成员绑定到组件上


将store成员绑定到组件上.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容