微信小程序使用async/await语法

Miracle 发布于2019-08-23 15:07 / 2022人阅读

摘要：在微信小程序项目添加文件或者直接在中添加包和版本微信开发者工具工具构建在需要使用语法的文件引入使用语法在组件实例进入页面节点树时执行在组件实例被从页面节点树移除时执行需要注意的指向，比如生命周期如果用箭头函数会丢失或者直接这样在组件实

1.在微信小程序项目添加package.json文件或者直接npm init.

2.在package.json中添加regenerator包和版本
`"devDependencies": {

"regenerator":"0.13.3"}`

3.微信开发者工具-》工具-》npm构建

4.在需要使用async/await语法的文件引入regeneratorRuntime

const regeneratorRuntime = require("regenerator-runtime")

5.使用async/await语法

lifetimes: {
    attached:async function(){
      // 在组件实例进入页面节点树时执行
     let data= await req(this.properties.apiType);
     console.log(data)
    },
    detached() {
      // 在组件实例被从页面节点树移除时执行
    },
  },

需要注意this的指向，比如生命周期如果用箭头函数会丢失this
或者直接这样

 lifetimes: {
    async attached(){
      // 在组件实例进入页面节点树时执行
     let data= await req(this.properties.apiType);
     console.log(data)
    },
    async detached() {
      // 在组件实例被从页面节点树移除时执行
     
    },
  },

·····················02.03补充···························
其实在app.js require一次包全局都能用了

GPU云服务器云服务器微信小程序怎么使用怎样使用微信小程序如何使用微信小程序微信小程序如何在电脑上使用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101533.html

使用Labrador 0.3构建ES6/ES7标准模块化微信小程序

摘要：是一个专为微信小程序开发的模块化的前端开发框架在微信小程序开发三宗罪和解决方案一文中我向大家阐述了微信小程序开发的三个弊端，并提供了框架来解决这些弊端。注意虽然我们采用了文件，但是由于微信小程序框架的限制，不能使用的层级选择及嵌套语法。 Labrador 是一个专为微信小程序开发的模块化的前端开发框架在微信小程序开发三宗罪和解决方案一文中我向大家阐述了微信小程序开发的三个弊端，并提供...

nanfeiyan 2019-08-20 11:32 评论0 收藏0
使用Labrador 0.4构建组件化自动化测试微信小程序

摘要：自定义组件的自定义组件，是基于微信小程序框架的组件之上，进一步自定义组合，拥有逻辑处理和样式。这样做的目的请参见微信小程序开发三宗罪和解决方案项目中通用自定义组件存放在目录，一个组件一般由三个文件组成，和分别对应微信小程序框架的和文件。 Labrador 是一个专为微信小程序开发的组件化开发框架。特性使用Labrador框架可以使微信开发者工具支持加载海量NPM包支持ES6/7...

LiuRhoRamen 2019-08-21 14:36 评论0 收藏0