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

数据的双向绑定：

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

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

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

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

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