WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。可以用于数据绑定、列表渲染、条件渲染、模板、引用等功能。
WXML 中的动态数据均来自对应 Page 的 data
详细请参考:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/
//index.js data内
message: 'Hello MINA!',
array: [1, 2, 3, 4, 5],
view: 'MINA',
staffA: { firstName: '四', lastName: '李' },
staffB: { firstName: '三', lastName: '张' },
staffC: { firstName: '五', lastName: '王' },
//index.wxml
<!--数据绑定-->
<view> {{message}} </view>
<!--列表渲染-->
<view wx:for="{{array}}"> {{item}} </view>
<!--条件渲染-->
<view wx:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
<view wx:elif="{{view == 'APP'}}"> APP </view>
<view wx:else="{{view == 'MINA'}}"> MINA </view>
<!--模板-->
<template name="staffName">
<view>
FirstName: {{firstName}}, LastName: {{lastName}}
</view>
</template>
<template is="staffName" data="{{...staffA}}"></template>
<template is="staffName" data="{{...staffB}}"></template>
<template is="staffName" data="{{...staffC}}"></template>