v bind和v model的區別

2021-09-20 06:58:02 字數 343 閱讀 7276

v-bind與v-model區別

有一些情況我們需要 v-bind 和 v-model 一起使用:

data.name 和 data.body,到底誰跟著誰變呢?甚至,它們會不會產生衝突呢?

實際上它們的關係和上面的闡述是一樣的,v-bind 產生的效果不含有雙向繫結,所以 :value 的效果就是讓 input的value屬性值等於 data.name 的值,而 v-model 的效果是使input和 data.body 建立雙向繫結,因此首先 data.body 的值會給input的value屬性,其次,當input中輸入的值發生變化的時候,data.body 還會跟著改變。

上文提到過下面兩句是等價的:

v bind和v model的區別

簡單來說,區別如下 1.v bind用來繫結資料和屬性以及表示式,縮寫為 2.v model使用在表單中,實現雙向資料繫結的,在表單元素外使用不起作用 v model多在表單中使用,在表單元素上建立雙向繫結,根據控制項型別選擇正確的方法更新元素,可以繫結text radio checkbox sel...

v bind 和 v model 的區別

v bind 是單向繫結,繫結的是value 如果想改變值只能在data資料裡面改,在input標籤裡無法修改 舉個例子 順便說一下 他的語法糖是 js vue.js script js vue.min.js script text v bind value message 您輸入的值是 h2 di...

v bind和v model的區別

vue.js 發布於 2018 05 10 簡單來說,區別如下 1.v bind用來繫結資料和屬性以及表示式,縮寫為 2.v model使用在表單中,實現雙向資料繫結的,在表單元素外使用不起作用 v model多在表單中使用,在表單元素上建立雙向繫結,根據控制項型別選擇正確的方法更新元素,可以繫結t...