AXML 是小程序框架设计的一套标签语言,用于描述小程序页面的结构。AXML 语法可分为五个部分:

    • 数据绑定
    • 条件渲染
    • 列表渲染
    • 模板
    • 引用

    AXML 代码示例:

    1. <!-- pages/index/index.axml -->
    2. <view a:for="{{items}}"> {{item}} </view>
    3. <view a:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
    4. <view a:elif="{{view == 'APP'}}"> APP </view>
    5. <view a:else> alipay </view>
    6. <view onTap="add"> {{count}} </view>

    对应的.js文件示例:

    1. // pages/index/index.js
    2. Page({
    3. data: {
    4. items: [1, 2, 3, 4, 5, 6, 7],
    5. view: 'alipay',
    6. count: 1,
    7. },
    8. add(e) {
    9. this.setData({
    10. count: this.data.count + 1,
    11. });
    12. },
    13. });