vue学习 五 数据的双向绑定v-model

2021-03-16 21:39:50 浏览数 (1)

数据的双向绑定:

顾名思义就是当我们输入什么,页面就显示什么,就是将变量值和你想要的东西绑定在一起一样,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。

第一种方式:不使用v-model

在input标签中设定一个ref做为标记,然后按键事件触发方法,方法中将输入框中的东西赋值给name,然后就可以显示在页面中了,即相当于双向绑定;

第二种方式: 双向绑定默认的v-model的使用

没有什么其他的东西,直接使用 v-model=“name” 即将data中的name绑定在一起,实现了数据的双向绑定

0 人点赞