数据的双向绑定:
顾名思义就是当我们输入什么,页面就显示什么,就是将变量值和你想要的东西绑定在一起一样,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。
第一种方式:不使用v-model
在input标签中设定一个ref做为标记,然后按键事件触发方法,方法中将输入框中的东西赋值给name,然后就可以显示在页面中了,即相当于双向绑定;
第二种方式: 双向绑定默认的v-model的使用
没有什么其他的东西,直接使用 v-model=“name” 即将data中的name绑定在一起,实现了数据的双向绑定