VUE v-model

vue中v-model详解
vue中经常使用到input和textarea这类表单元素,vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签数据的双向绑定,它会根据控件类型自动选取正确的方法来更新元素。
v-model本质上是一个语法糖。如下代码=input v-model="test"本质上是input :value="test" @input="test = $event.target.value",其中@input是对<input>输入事件的一个监听:value="test"是将监听事件中的数据放入到input,下面代码是v-model的一个简单的例子。在这边需要强调一点,v-model不仅可以给input赋值还可以获取input中的数据,而且数据的获取是实时的,因为语法糖中是用@input对输入框进行监听的。可以在如下div中加入

{{ test}}

获取input数据,然后去修改input中数据会发现

中数据随之改变。

此博客只是为了记忆相关知识点,大部分为网络上的文章,在此向各个文章的作者表示感谢!

posted on 2020-10-25 13:20  刀剑如梦。。  阅读(111)  评论(0)    收藏  举报