Mobile Platform as a Service:AXML introduction

AXML is a set of tag language based on the Mini Program framework to describe the structure of Mini Program pages. AXML syntax can be divided into five parts:

• Data binding
• Conditional rendering
• List rendering
• Template
• Referencing

AXML code example:

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

Example of the corresponding .js file:

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