前提條件

1、微信小程序開發(fā)工具需要開啟Es6轉(zhuǎn)Es5(未驗證是否必要)、增強編譯
2、以wx.login()網(wǎng)絡(luò)請求為例

再根目錄下創(chuàng)建api文件夾，并再api文件夾下新建login.js

// api/login.js
module.exports = {
  getLogin : (url, param) => {
    return new Promise((resolve, reject) => {
      wx.login({
        success: res => {
          // 發(fā)送 res.code 到后臺換取 openId, sessionKey, unionId
          console.log(res.code)
          resolve()
        }
      })
    })
  }
}

在index.js中引入api/login.js文件

//index.js
//獲取應(yīng)用實例
const apiLogin = require('../../api/login')

Page({
  data: {
    isDisplay :false,
    title: "挑戰(zhàn)者"
  },

 >: function () {
    this.init();
  },
  // 初始化
  async init () {
    await apiLogin.getLogin()
    console.log("在code之后打印");
    this.setData({
      isDisplay :true,
      title: "非挑戰(zhàn)者"
    })
  }
})

標題index.wxml中鍵入代碼

<view wx:if="{{isDisplay}}">
<p>"{{title}}"</p>
</view>

運行打印結(jié)果

1、工作臺中 “在code之后打印” 幾個字將會在wx.login中code打印后進行打印
2、頁面中的結(jié)果將在執(zhí)行完wx.login()請求完畢以后再展示，并且展示
的title結(jié)果 是 “非挑戰(zhàn)者”