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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM