微信小程序中for循环如何使用

一、index.js代码中的data数据定义如下

    const app = getApp()
    
    Page({
        data: {
            // todos是一个数组
            todos:[
                { name: 'JavaScript', completed: false},
                { name: 'Html', completed: true },
                { name: 'css', completed: false },
    
            ]
        },
    })

二、index.wxml中如何循环的读取js文件中定义的数组
    <!--
        todos是一个数组可以用wx:for循环获取当中的数据
        wx:for的一个默认属性item可以获取到todos中的数据        
        wx:for-item后面用aaaa代替item
        index代表序号       -->
   
    第一种用法：访问数据的默认索引的变量是index，变量名是：item。

        <view wx:for="{{ todos }}">
            <text>{{index}}</text>            
            <text>{{item.name}}</text>
        </view>

    第二种用法：    用aaaa别名代替item
 

        <view wx:for="{{ todos }}" wx:for-item='aaaa'>
            <text>{{index}}</text>
            <text>{{aaaa.name}}</text>
        </view>