WXML 文件
<!-- page.wxml -->
<view>
<!-- 数据绑定: 将数据 message 绑定到视图中 -->
<view>{
{message}}</view>
<!-- 条件渲染: 根据 isLoggedIn 的值显示不同的内容 -->
<view wx:if="{
{isLoggedIn}}">Welcome back!</view>
<view wx:else>Please log in.</view>
<!-- 列表渲染: 遍历 items 数组,并为每个项渲染一个 text 标签 -->
<view wx:for="{
{items}}" wx:key="id">
<text>{
{item.name}}</text>
</view>
<!-- 属性绑定: 将 imageUrl 绑定到 image 组件的 src 属性 -->
<image src="{
{imageUrl}}" mode="aspectFill"/>
<!-- 事件绑定: 点击按钮时触发 handleTap 方法 -->
<button bindtap="handleTap(2)"