Vue中有两种数据绑定方式:
单项绑定
1.单项绑定(v-bind):数据智能从data流向页面
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fbc293b8b94a2d9f8d48b8af8b596489.png)
修改data中的值可以影响页面,修改页面中的值不会影响data
双向绑定
2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/55669af30e9b5f32534b8d4d73386935.png)
v-model双向绑定修改页面的值则可以影响data,也可以被data影响
备注:
1.双向绑定一般都应用在表单元素上(如:input、select等)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1b213cfffa1db6000a319f1d7e713316.png)
2.v-model:value可以简写为v-model,因为v-model默认收集的就是value的值
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/83a3c5d4644dac8474a1e0c65cdc46c9.png)