Vue原生input输入框的工作原理是怎样的？

本文共计2252个文字，预计阅读时间需要10分钟。

目录+正文+v-model+正文+首先我们来查看一段代码：这是一个原始的input输入框，每个原始的input输入框都会有一个value属性，用于存储和输入最新的数据。

目录

• 正文
• v-model

正文

首先我们来看一段代码：

<input value="value">

这里是一个原生的input输入框，每一个原生的输入框都会有一个value的属性来用于存储用于输入的最新的数据。

如果我们想要获取到这个值我们可以通过input.target.value或者通过$event.target.value来获取这个存储的值。

只要用户输入了数据，那么此时input标签就会将输入的数据放到这个value中(新数据会覆盖旧数据，所以我们获取到的都是最新的)。

现在我们来看上面的标签，我们为input标签添加了一个value属性，并且赋值'value'。