v-model和v-bind的区别

v-model和v-bind都是数据绑定的方式

v-model

v-model用在表单控件上，用于实现数据的双向绑定，用在除表单控件以外的标签没有任何效果。

例：

<input v-model="name">

v-bind

v-bind被称为单向绑定，意味着可以通过更改有界数据来更改输入值，但不能通过更改元素的输入值来更改有界数据。

v-bind可以简写为 : 

支持的类型：html中的属性、css的样式、对象、数组、number 类型、bool类型

例：

<!--绑定文本-->
<p v-bind="message"></p>

<!--绑定属性-->
<p v-bind:src="http://...."></p>
<p v-bind:class="http://...."></p>
<p v-bind:style="http://...."></p>