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也可以綁定數據,但是他是用在表單控件上的,用於實現雙向數據綁定,所以如果你用在除了表單控件以外的標簽是沒有任何效果的。