美文网首页
vant-ui引入以及api的Promise化,全局数据共享

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

作者: 我家有个王胖胖 | 来源:发表于2022-03-03 21:39 被阅读0次

一:小程序的对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

相关文章

网友评论

      本文标题:vant-ui引入以及api的Promise化,全局数据共享

      本文链接:https://www.haomeiwen.com/subject/hmrurrtx.html