微信小程序-wxml语法

介绍

        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'}
})