微信小程序学习笔记(一)

微信小程序

小tips

1.使用Async-await方法（需结合promise进行使用）

将小程序中的异步请求变为同步请求，当调用多个异步请求且需要进行串行执行时会重复进行嵌套，代码结构较为混乱，因此使用该方法可以将异步请求变为同步，便于代码书写

在页面中使用之前需要impot一个文件

例：

import regeneratorRuntime from '../../lib/runtime/runtime'

文件需要自己去github上下载、创建vue项目后使用npm进行命令行指令下载或者是通过粘贴文件中代码的形式创建新的runtime文件，名字必须是regeneratorRuntime，之所以引入该文件才能使用Async-await方法的原因是微信小程序不支持该es7语法，因此需要使用该文件进行编译。

声明方式1：

handleGetUserInfo: async function (e){

​ await + 执行的语句;

}

声明方式2：

async handleGetUserInfo (e) {

​ await + 执行的语句;

}

2.绑定事件时注意事项

例：bindtap="getPolyLine(index)"

​ 该代码是无法使用的，因为无法识别括号内容。

​ 若需要将该index变量传入方法内可以自定义data属性，data-index="{{index}}"，在使用该方法绑定后，在自定义的方法中加入形参，比如为e，则e.currentTarget.dataset就为含有自定义属性的变量的对象，可以通过这个方法拿到想要的参数