前面已经了解了如何插入数据,监听数据,那么怎么同时输出数据并监听事件呢?
可以通过双向绑定完成此功能。即v-model指令
v-model告诉Vue对这个input设置数据绑定,然后再双引号间写需要绑定的属性。这样的话,用户再输入框中输入数据时,Vue会监听变化,并更新Vue实例里面的属性数据,从而更新用到name属性的全部地方:
代码:
使用双向绑定v-model
原创
©著作权归作者所有:来自51CTO博客作者wx5a5f8671bdd15的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:在模板中编写JS代码
下一篇:用计算属性来响应改变
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
组件双向数据绑定 v-model
通
vue vue双向数据绑定 v-model ico Boo -
【Vue】—数据的双向绑定v-model
【Vue】—数据的双向绑定v-model
vue css css3 html 数据 -
v-model实现数据的双向绑定
Vue.js提供了v-model指令,用于在表单类元素上双向绑定数e}}&
Vue vue.js .net