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 toast from './toast.js' 1888c88e8eSopenharmony_ci 1988c88e8eSopenharmony_ciexport default { 2088c88e8eSopenharmony_ci ready() { 2188c88e8eSopenharmony_ci toast(this.name) 2288c88e8eSopenharmony_ci }, 2388c88e8eSopenharmony_ci data() { 2488c88e8eSopenharmony_ci return { 2588c88e8eSopenharmony_ci name: 'Weex' 2688c88e8eSopenharmony_ci } 2788c88e8eSopenharmony_ci } 2888c88e8eSopenharmony_ci} 2988c88e8eSopenharmony_ci</script>