首页 > 其他 > 详细

11.vue的双向数据绑定

时间:2019-07-01 11:13:00      阅读:117      评论:0      收藏:0      [点我收藏+]

基本用法:

  你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。

  尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。

 

 

栗子:

  msg初始值为‘alex’

  技术分享图片

  

  将input标签绑定vue实例化的msg,给p标签渲染

 

  技术分享图片

  

  返回值:

  技术分享图片

  以p标签监控 ,input输入的值

实现原理:

  技术分享图片

  Event 对象 定义和用法 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口

  event.target.value获取到input值,赋值给msg

 

  技术分享图片

  p标签渲染

 

注意:

     在全局性数据流使用单项,方便跟踪; 局部性数据流使用双向,简单易操作

     双向数据绑定用在表单控件,

 

11.vue的双向数据绑定

原文:https://www.cnblogs.com/sunny666/p/11112887.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!