vue学习——单向绑定和双向绑定

单向绑定v-bind：

 单向绑定的数据是，可以vue的数据改变，页面的展示也改变，但是页面的展示改变，不会影响vue里数据的改变

 （数据只能从data流向页面）

 

双向绑定v-model：

双向绑定的数据，vue里数据改变，页面的展示也改变，同样地，页面的数据改变，vue里的数据也改变（这里指的是vue开发工具

看到的数据改变，不是指代码里的数据改变）

（数据不仅能从data流向页面，还能从页面流向data）

 

 

 

 

 

两者的区别：

除了数据展示的区别外，

v-model只能用在表单类元素（输入类元素，如input，select等）中，不能用在其他如h1等元素中。

v-model：value，可以简写成v-model，因为v-model默认的就是收集value的值

 

 

v-model：value的简写是v-model

v-bind：的简写是：

 

 简写如下：