188c88e8eSopenharmony_ci<element name="hi">
288c88e8eSopenharmony_ci    <template>
388c88e8eSopenharmony_ci        <div><text class="hi">{{hi}}</text></div>
488c88e8eSopenharmony_ci    </template>
588c88e8eSopenharmony_ci
688c88e8eSopenharmony_ci    <style>
788c88e8eSopenharmony_ci    .hi {
888c88e8eSopenharmony_ci        font-size: 26px;
988c88e8eSopenharmony_ci        color: green;
1088c88e8eSopenharmony_ci    }
1188c88e8eSopenharmony_ci    </style>
1288c88e8eSopenharmony_ci
1388c88e8eSopenharmony_ci    <script>
1488c88e8eSopenharmony_ci    module.exports = {
1588c88e8eSopenharmony_ci        data: function() {
1688c88e8eSopenharmony_ci            return {
1788c88e8eSopenharmony_ci                hi: ''
1888c88e8eSopenharmony_ci            }
1988c88e8eSopenharmony_ci        }
2088c88e8eSopenharmony_ci    }
2188c88e8eSopenharmony_ci    </script>
2288c88e8eSopenharmony_ci</element>
2388c88e8eSopenharmony_ci
2488c88e8eSopenharmony_ci<we-element name="name">
2588c88e8eSopenharmony_ci    <template>
2688c88e8eSopenharmony_ci        <div><text class="name">{{name}}</text></div>
2788c88e8eSopenharmony_ci    </template>
2888c88e8eSopenharmony_ci
2988c88e8eSopenharmony_ci    <style>
3088c88e8eSopenharmony_ci    .name {
3188c88e8eSopenharmony_ci        font-size: 26px;
3288c88e8eSopenharmony_ci        color: red;
3388c88e8eSopenharmony_ci    }
3488c88e8eSopenharmony_ci    </style>
3588c88e8eSopenharmony_ci
3688c88e8eSopenharmony_ci    <script>
3788c88e8eSopenharmony_ci    module.exports = {
3888c88e8eSopenharmony_ci        data: function() {
3988c88e8eSopenharmony_ci            return {
4088c88e8eSopenharmony_ci                name: ''
4188c88e8eSopenharmony_ci            }
4288c88e8eSopenharmony_ci        }
4388c88e8eSopenharmony_ci    }
4488c88e8eSopenharmony_ci    </script>
4588c88e8eSopenharmony_ci</we-element>
4688c88e8eSopenharmony_ci
4788c88e8eSopenharmony_ci<template>
4888c88e8eSopenharmony_ci    <div style="flex-direction: row;">
4988c88e8eSopenharmony_ci        <hi hi="{{hi}}"></hi>
5088c88e8eSopenharmony_ci        <name name="{{name}}"></name>
5188c88e8eSopenharmony_ci    </div>
5288c88e8eSopenharmony_ci</template>
5388c88e8eSopenharmony_ci
5488c88e8eSopenharmony_ci<script>
5588c88e8eSopenharmony_ciexport function data() {
5688c88e8eSopenharmony_ci    return {
5788c88e8eSopenharmony_ci        hi: 'Hello',
5888c88e8eSopenharmony_ci        name: 'Weex'
5988c88e8eSopenharmony_ci    }
6088c88e8eSopenharmony_ci}
6188c88e8eSopenharmony_ci</script>
62