<element name="hi">
    <template>
        <div><text class="hi">{{hi}}</text></div>
    </template>

    <style>
    .hi {
        font-size: 26px;
        color: green;
    }
    </style>

    <script>
    module.exports = {
        data: function() {
            return {
                hi: ''
            }
        }
    }
    </script>
</element>

<we-element name="name">
    <template>
        <div><text class="name">{{name}}</text></div>
    </template>

    <style>
    .name {
        font-size: 26px;
        color: red;
    }
    </style>

    <script>
    module.exports = {
        data: function() {
            return {
                name: ''
            }
        }
    }
    </script>
</we-element>

<template>
    <div style="flex-direction: row;">
        <hi hi="{{hi}}"></hi>
        <name name="{{name}}"></name>
    </div>
</template>

<script>
export function data() {
    return {
        hi: 'Hello',
        name: 'Weex'
    }
}
</script>