ArkUI block 标签

block 标签在构建时不会被当作真实 DOM，而 block 标签之下的标签都会被渲染到真实 DOM 中。它类似于 Vue 的 template 标签。

<div class="container">
    <block for="{{array}}">
        <div tid="index">
            <text>{{$item.name}}</text>
            <text>{{$item.age}}</text>
        </div>
    </block>
</div>

在编辑器左上方的工具栏，找到 View -> Tool Windows，点击 Previewer。

在 Previewer 的上方有一个图标 。

点击它之后可以显示一个工具面板 inspector，它的作用与浏览器 F12 差不多，可以直接了解 DOM 渲染的情况。

源代码中的 block 标签的确没有渲染到真实 DOM 中。block 标签可以控制节点渲染的逻辑，减少多余的标签被渲染到真实 DOM 中。

！注意：block 标签只支持 for 和 if 属性。