模板语法

使用基于 jsx 的语法，可以声明式地将组件数据绑定到标签节点上。所有的模板都是合法的 jsx, 再此基础上我们增加了指令式的语法来声明数据的绑定、事件的处理等操作。在转译的过程中，框架会将其转换成对应平台的模板语法。

插值

通过属性传递的数据默认是动态绑定的。

文本

静态文本

<Text>Hello world!</Text>

动态文本

<Text text='msg'/>

特性

<View id='dynamicId'></View>

Javascript 表达式

<View id=' "list" + dynamicId'></View>

提供了完全的表达式支持。

指令

指令是带有 v- 前缀的特殊属性。指令特性的值预期是单个 Javascript 表达式，特殊的指令请参考该指令的介绍。

<View v-if="seen">现在你看到我了</View>

v-if 指令将根据表达式 seen 的值决定是否渲染该节点。

指令参数

指令如果需要特别的参数进行描述说明可通过 prop 的形式传入。

事件

事件也是使用和指令差不多的实现方式，但事件是以 on- 作为前缀。

<View on-submit='onSubmit'> submit <View/>