文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
双向绑定(v-model)
使用 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: ''
});
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论