對Vue- 動態元素屬性及v-bind和v-model的區別詳解

Mustache (雙大括號寫法)不能在 HTML 屬性中使用，應使用 v-bind 指令：

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

這對布爾值的屬性也有效 —— 如果條件被求值為 false 的話該屬性會被移除：

<button v-bind:disabled="someDynamicCondition">Button</button>

從一開始學習的時候我們就知道v-bind是可以綁定屬性和數據的，而v-model也一樣可以綁定數據，那么v-bind和v-model的區別在哪里？

1：如果 id={{xxx}}這種寫法，則HTML實際上是這樣的：id="{{ xxx}}"

2:v-bind用于綁定屬性和數據 ，其縮寫為“ : ” 也就是v-bind:id === :id

3:v-model也可以綁定數據，但是他是用在表單控件上的，用于實現雙向數據綁定，所以如果你用在除了表單控件以外的標簽是沒有任何效果的。

1:v-bind動態綁定指令，默認情況下標簽自帶屬性的值是固定的，在為了能夠動態的給這些屬性添加值，可以使用v-bind:你要動態變化的值="表達式"

<input class="frmD" type="hidden" v-bind:lenderEnterprise.name="check4EP.name?lenderEnterprise.name:null"/>

2:v-bind用于綁定屬性和數據 ，其縮寫為“ : ” 也就是v-bind:id === :id

3:v-model用在表單控件上的，用于實現雙向數據綁定，所以如果你用在除了表單控件以外的標簽是沒有任何效果的。

以上這篇對Vue- 動態元素屬性及v-bind和v-model的區別詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com