使用双向绑定v-model

 前面已经了解了如何插入数据,监听数据,那么怎么同时输出数据并监听事件呢?
可以通过双向绑定完成此功能。即v-model指令

    v-model告诉Vue对这个input设置数据绑定,然后再双引号间写需要绑定的属性。这样的话,用户再输入框中输入数据时,Vue会监听变化,并更新Vue实例里面的属性数据,从而更新用到name属性的全部地方:
    代码:

使用双向绑定v-model

猜你喜欢

转载自blog.51cto.com/13577938/2338012