200.[vue]v-model 的原理与实现

[webVueBlog]

[vue]

[webVueBlog]

v-model 即可以作用在普通表单元素上，又可以作用在组件上，它其实是一个语法糖

  <input v-model="message">
  // 以上代码等价于如下代码
  <input
    v-bind:value="message"
    v-on:input="message=$event.target.value">

原理

v-model 的 directive 函数：根据 AST 元素节点的不同情况去执行不同的逻辑