v-bind和v-model在Vue中有什么不同

本篇文章為大家展示了v-bind和v-model在Vue中有什么不同，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

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

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

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

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

從一開始學(xué)習(xí)的時(shí)候我們就知道v-bind是可以綁定屬性和數(shù)據(jù)的，而v-model也一樣可以綁定數(shù)據(jù)，那么v-bind和v-model的區(qū)別在哪里？

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

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

3:v-model也可以綁定數(shù)據(jù)，但是他是用在表單控件上的，用于實(shí)現(xiàn)雙向數(shù)據(jù)綁定，所以如果你用在除了表單控件以外的標(biāo)簽是沒有任何效果的。

1:v-bind動(dòng)態(tài)綁定指令，默認(rèn)情況下標(biāo)簽自帶屬性的值是固定的，在為了能夠動(dòng)態(tài)的給這些屬性添加值，可以使用v-bind:你要?jiǎng)討B(tài)變化的值="表達(dá)式"

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

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

3:v-model用在表單控件上的，用于實(shí)現(xiàn)雙向數(shù)據(jù)綁定，所以如果你用在除了表單控件以外的標(biāo)簽是沒有任何效果的。

上述內(nèi)容就是v-bind和v-model在Vue中有什么不同，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。