1. 程式人生 > >v-model和v-bind的區別

v-model和v-bind的區別

som 實現 表單 some rdquo 雙向 情況 blank 如果

VUE學習篇1

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

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

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

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

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

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

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

v-model和v-bind的區別