v-model和v-bind的區別(轉載)

v-model和v-bind的區別

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

原文地址:csdn v-bind和v-model的區別.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章