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