<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>
</element>

<template>
    <div style="flex-direction: row;">
        <text class="hello">Hello</text>
        <name name="{{name}}"></name>
    </div>
</template>


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


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