Vue 的 v-model 的原理

v-model 的原理

给表单元素绑定一个value 属性 通过 input 事件 一旦输入就会触发这个事件 通过 $event.target.value 获取自身的值 在赋值给 value 属性就实现了

接下来 上代码

<div id="app1">
  <h1>{{msg}}</h1>
  <input type="text" :value="msg" @input="msg=$event.target.value">
</div>


<script>
  new Vue({
    el: "#app1",
    data: {
      msg: "我是好"
    }
  });
</script>