UX 文件

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

<template>
  <div class="demo-page">
    <text class="title">欢迎打开{{title}}</text>
  </div>
</template>

<style>
  .demo-page {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .title {
    font-size: 40px;
    text-align: center;
  }
</style>

<script>
  import router from '@system.router'

  export default {
    data: {
      title: '示例页面'
    },
    routeDetail () {
      router.push ({
        uri: '/detail'
      })
    }
  }
</script>

app.ux

全局JavaScript逻辑和应用生命周期管理。

<script>
  export default {
    onCreate() {
      console.info('Application onCreate');
    },
    onDestroy() {
      console.info('Application onDestroy');
    },
  }
</script>