v-model 原理

v-model 其实就是一个语法糖,它的背后本质包含两个操作:

  • v-bind 绑定一个value属性
  • v-on 给当前元素绑定input事件

也就是说下面的代码等同于下面的代码:
<input type="text" v-model="message">
等同于
<input type="text" v-bind:value="message" v-on:input="message = $event.target.value">

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_45846359/article/details/109288657
今日推荐