简单渲染
数据绑定使用 Mustache 语法(双大括号)将变量包起来
<view>{{ name}}</view>Page({ data: { name: 'Trevor' }})
列表渲染
wx:for
在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。
默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item
<view wx:for="{{user}}"> {{index}}: {{item}}</view>Page({ /** * 页面的初始数据 */ data: { user: ['Trevor','brell', 'jaky', 'lily'] }})
条件渲染
wx:if
在组件中使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块
<block wx:if="{{admin}}"> <view>{{name}}</view> <view>{{age}}</view> <view>{{sex}}</view></block>Page({ /** * 页面的初始数据 */ data: { admin:true, name:'Trevor', age:23, sex:'boy' }})














