188c88e8eSopenharmony_ci<template> 288c88e8eSopenharmony_ci <div> 388c88e8eSopenharmony_ci <text class="hello">Hello {{name}}</text> 488c88e8eSopenharmony_ci </div> 588c88e8eSopenharmony_ci</template> 688c88e8eSopenharmony_ci 788c88e8eSopenharmony_ci 888c88e8eSopenharmony_ci<style> 988c88e8eSopenharmony_ci.hello { 1088c88e8eSopenharmony_ci font-size: 26px; 1188c88e8eSopenharmony_ci color: red; 1288c88e8eSopenharmony_ci} 1388c88e8eSopenharmony_ci</style> 1488c88e8eSopenharmony_ci 1588c88e8eSopenharmony_ci 1688c88e8eSopenharmony_ci<script> 1788c88e8eSopenharmony_ciimport modal from '@weex-module/modal' 1888c88e8eSopenharmony_ciimport getName from './getName.js' 1988c88e8eSopenharmony_ci 2088c88e8eSopenharmony_ciexport function ready() { 2188c88e8eSopenharmony_ci modal.toast({message: this.name}) 2288c88e8eSopenharmony_ci} 2388c88e8eSopenharmony_ci 2488c88e8eSopenharmony_ciexport function data() { 2588c88e8eSopenharmony_ci return { 2688c88e8eSopenharmony_ci name: getName() 2788c88e8eSopenharmony_ci } 2888c88e8eSopenharmony_ci} 2988c88e8eSopenharmony_ci</script>