使用v-model指令,可以建立数据到模板的双向绑定。本质上它是如下写法的语法糖:

  1. <input v-model="value" />
  2. =>
  3. <input value={{ self.value }}
  4. ev-input={function(e) {
  5. self.value = e.target.value;
  6. this.update();
  7. }.bind(this)}
  8. />

由于v-model编译后会添加ev-input属性,所以使用了v-model就不能再手动添加ev-input属性了,
其他元素如radio checkbox同理,只是它们是ev-change

@since v1.3.1 支持同名事件绑定多个回调函数,所以即使添加了v-model,也能再次添加ev-input
来绑定input事件

示例

    1. <div>
    2. <input v-model="name" />
    3. <br />
    4. Your input: {name}
    5. </div>
    1. var vdt = Vdt(template);
    2. vdt.render({
    3. name: ''
    4. });