ux文件

APP，页面和自定义组件均通过ux文件编写，ux文件由template模板、Style样式和script脚本3个部分组成，一个典型的页面ux文件示例如下：

<template>
  <div class="container" onclick="press">
    <text class="{{title}}" style="font-size:14px;">Hello {{title}}</text>
  </div>
</template>
<style>
  .container{
    flex-direction: column;
    justify-items: center;
  }
  .title {
    color: red;
  }
</style>
<script>
  module.exports = {
    props:['title'],
    data:function () {
      return {
        title: 'World'
      }
    },
    press:function (e) {
      this.title = 'XXX'
    },
    onInit: function () {
      this.title = this.$app.$data.appName
    }
  }
</script>

开发过程中，如果有写好的开源组件库，可以直接引入使用，详细内容请参见“第三方组件库”。

<script>
import util from './util.js'
module.exports = {
    /**manifest**/,
    util: util
}
</script>
<style>
.container {
  background-color: #f0f0f0;
}
text {
  color: #333;
}
</style>