vue动态属性

v-bind   可以实现动态数据绑定。

对于html标签的text，value等属性，Vue里面提供了v-text、v-model去绑定。但是对于除此之外的其他属性呢，这就要用到接下来要讲的v-bind指令了。博主的理解是v-bind的作用是绑定除了text、value之外的其他html标签属性，常见的比如class、style、自定义标签的自定义属性等。

v-model。

v-model上面有介绍它的双向绑定功能，对于v-model指令，vue限定只能对表单控件进行绑定，常见的有<input>、<select>、<textarea>等。

<div v-bind:id="dynamicId"></div>

v-bind是可以绑定属性和数据的

而v-model也一样可以绑定数据，那么v-bind和v-model的区别在哪里？1：如果  id={{xxx}}这种写法，则HTML实际上是这样的：id="{{ xxx}}"2:v-bind用于绑定属性和数据 ，其缩写为“ : ” 也就是v-bind:id  ===   :id   3:v-model也可以绑定数据，但是他是用在表单控件上的，用于实现双向数据绑定，所以如果你用在除了表单控件以外的标签是没有任何效果的。

转载于:https://www.cnblogs.com/yangjingyang/p/11388764.html