使用v-model
指令,可以建立数据到模板的双向绑定。本质上它是如下写法的语法糖:
<input v-model="value" />
=>
<input value={{ self.value }}
ev-input={function(e) {
self.value = e.target.value;
this.update();
}.bind(this)}
/>
由于v-model
编译后会添加ev-input
属性,所以使用了v-model
就不能再手动添加ev-input
属性了,
其他元素如radio
checkbox
同理,只是它们是ev-change
。
@since v1.3.1
支持同名事件绑定多个回调函数,所以即使添加了v-model
,也能再次添加ev-input
来绑定input
事件
示例
-
<div>
<input v-model="name" />
<br />
Your input: {name}
</div>
-
var vdt = Vdt(template);
vdt.render({
name: ''
});