簡單來說，區別如下：
1.v-bind用來繫結資料和屬性以及表示式，縮寫為』：』
2.v-model使用在表單中，實現雙向資料繫結的，在表單元素外使用不起作用
v-model多在表單中使用，在表單元素上建立雙向繫結，根據控制項型別選擇正確的方法更新元素，可以繫結text、radio、checkbox、selected
1. 繫結text
type
="text"
v-model
="val"
/>
>
} p>
type
="radio"
value
="one"
v-model
="radioval"
/>
type
="radio"
value
="two"
v-model
="radioval"
/>
forv-bind
="radioval"
/>
3. 繫結checkbox
（1）單個勾選框，最終的值為邏輯值true和false
type
="checkbox"
v-model
="checkval"
/>
for=
"checkbox"
>
}label
>
type
="checkbox"
value
= v-model
="checkarray"
/>
for=
"checkbox"
>
>
type
="checkbox"
value
="banana"
v-model
="checkarray"
/>
for=
"checkbox"
>
}label
>
type
="checkbox"
value
="pear"
v-model
="checkarray"
/>
for=
"checkbox"
>
}label
>
>
}span
>
4. 繫結select
（1）繫結到單個select
（2）繫結多個select時，同樣適用陣列
5. 增加引數
（1）lazy
將輸入框的input事件改為change事件，使得輸入框在change事件中更新而不是input
關於change事件和input事件的區別，簡單說來是：
change事件必須是在輸入框失去焦點之後才會觸發，而input事件可以實時監測。
（2）number
將文字框輸入的值都變為數字，如果是變為數字之後是nan，則返回原始值
（3）trim
取出輸入的字串的首尾空格
1.繫結文字
直接用v-bind或者}
v-bind
="message"
>
p>
>
}p>
v-bind:src
}
}}
>
}}div
>
參考：
vue中的v bind指令
繫結標籤屬性 像div p img等等都是標籤，img標籤中的src就是乙個屬性。未使用v bind 使用v bind data 存在簡寫方法，即將v bind省略，留下冒號 先列出接下來示例中的所需要的js和樣式 data css樣式 示例1 繫結class屬性 其中classname繫結的是cl...
vue2原始碼 深度理解Vue中v model原理
value input方法的語法糖 可繫結 input，checkbox，select，textarea，radio v model一種是在表單元素上使用，另外一種是在元件上使用 此預設繫結input，v model繫結值為value，預設在注釋中逐行解釋 引入 在模板的編譯階段，v model跟其...
VUE之v bind類名與樣式繫結
v bind 語法格式1 單個語法格式 語法格式2 物件語法格式 語法格式3 陣列語法格式 繫結類名 class 物件語法 單類名切換 語法 傳給 v bind class 乙個物件，以動態地切換 class 1 給v bind class設定乙個物件，可以動態切換class。data isacti...