TTML

<!--ttml-->
<view> {{message}} </view>

// page.js
Page({
  data: {
    message: "Hello World!",
  },
});

<!--ttml-->
<view tt:for="{{array}}"> {{item}} </view>

// page.js
Page({
  data: {
    array: [1, 2, 3, 4, 5],
  },
});

<!--ttml-->
<view tt:if="{{view == 'A'}}"> A </view>
<view tt:elif="{{view == 'B'}}"> B </view>
<view tt:else="{{view == 'C'}}"> C </view>

// page.js
Page({
  data: {
    view: "A",
  },
});

<!--ttml-->
<template name="msgItem">
  <view>
    <text> {{index}}: {{msg}} </text>
    <text> Time: {{time}} </text>
  </view>
</template>

<template is="msgItem" data="{{...item}}" />

// page.js
Page({
  data: {
    item: {
      index: 0,
      msg: "this is a template",
      time: "2020-06-01",
    },
  },
});

<!--ttml-->
<view bindtap="add"> {{count}} </view>

// page.js
Page({
  data: {
    count: 1,
  },
  add: function (e) {
    this.setData({
      count: this.data.count + 1,
    });
  },
});