模板语法
使用基于 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/>