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