MCML

MCML 是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

用以下一些简单的示例：

数据绑定

<view>{{message}}</view>

Page({
  data: {
    message: 'Hello Morecross!'
  }
})

列表渲染

<view mc:for="{{array}}"> {{item}} </view>
// page.js
Page({
  data: {
    array: ["A", "B", "C", "D"]
  }
})

条件渲染

<view mc:if="{{type == 1}}"> 类型 1 </view>
<view mc:elif="{{view == 2'}}"> 类型 2 </view>
<view mc:else="{{view == 3}}"> 类型 3  </view>
// page.js
Page({
  data: {
    type: 1
  }
})

模板

<template name="cat">
  <view>
    age: {{name}}, age: {{age}}
  </view>
</template>

<template is="cat" data="{{...cat1}}"></template>
// page.js
Page({
  data: {
    cat1: {name: 'blue', age: '2'},
  }
})