1、第一步,打开微信小程序开发工具,在wxml文件中插入一个<view></view>,使用wx:for指令绑定数组,如下图所示:
2、第二步,保存代码并在左侧查看效果,结果发现出现了报错,如下图所示:
3、第三步,由于在元素绑定了数组,并在js文件中的data对象中绑定数组的五个元素,如下图所示:
4、第四步,再次修改wxml文件中的代码,wx:for值外层添加双引号,如下图所示:
5、第五步,再次保存代码,并在开发工具模拟器中查看效果,可以看到页面展示一个无序列表,如下图所示:
6、第六步,修改<view></view>内部的内容,再次添加一个字符串,如下图所示: