11.vue的双向数据绑定

基本用法:

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

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

栗子:

  msg初始值为‘alex’

  

  

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

  

  

  返回值:

  

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

实现原理:

  

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

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

  

  p标签渲染

注意:

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

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

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