介绍
WXML(WeiXin Markup Language)是框架设计的一套标签语言,可以进行页面布局,声明事件,数据绑定,条件判断。
语法
数据绑定
<view> {{message}} </view>
// page.js
Page({data: { // 状态message: 'Hello MINA!' }
})
列表渲染
<!-- 在wxml文件中 -->
<view wx:for="{{array}}" wx:key="index"><view>{{item}}</view>
</view>
// page.js
Page({data: { // 状态array: ['cat','dog']}
})
条件渲染
<!--wxml-->
<view wx:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
<view wx:elif="{{view == 'APP'}}"> APP </view>
<view wx:else="{{view == 'MINA'}}"> MINA </view>
// page.js
Page({data: {view: 'MINA'}
})