Day4 鸿蒙应用开发总结

1、for循环在list或div中的执行规律

for循环在每一个页面中几乎都有用到帮助动态赋值，因此了解for循环在list或div中的规律是必要的。

因此我重新构建一个工程作为实验。

首先在index.hml和index.js中分别输入以下代码

<!-- index.hml -->
<list>
    <block for="glasses">
        
        <list-item type="glasses">
            <text>{
  {$item.name}}</text>
        </list-item>

        <block for="$item.kinds">
            <list-item type="kind">
                <text>{
  {$item.color}}</text>
                <text>{
  {$item.name}}</text>
            </list-item>
            </block>

        <list-item type="glasses">
            <text>{
  {$item.name}}</text>
        </list-item>

        </block>
</list>

// <!-- index.js -->
export default {
    data: {
        glasses: [
            {name:'