6.1 基本用法
v-model:
VUE提供了v-model指令咱旱， 用于在表單類元素上雙向綁定事件
input和textarea
可以用于input框幌蚊，以及textarea等
注意： 所顯示的值只依賴于所綁定的數(shù)據(jù)哎榴，不再關(guān)心初始化時(shí)的插入的value
單選按鈕：
- 單個(gè)單選按鈕婆硬，直接用v-bind綁定一個(gè)布爾值涨缚，用v-model是不可以的
- 如果是組合使用家制，就需要v-model來(lái)配合value使用秕重，綁定選中的單選框的value值不同，此處所綁定的初始值可以隨意給
復(fù)選框：
- 單個(gè)復(fù)選框，直接用定一個(gè)布爾值，可以用v-model可以用v-bind
2.多個(gè)復(fù)選框– 如果是組合使用二拐，就需要v-model來(lái)配合value使用服鹅，v-model綁定一個(gè)數(shù)組—如果綁定的是字符串，則會(huì)轉(zhuǎn)化為true百新。false企软，與所有綁定的復(fù)選框的checked屬性相對(duì)應(yīng)
下拉框：
- 如果是單選，所綁定的value值初始化可以為數(shù)組饭望，也可以為字符串仗哨，有value直接優(yōu)
先匹配一個(gè)value值，沒有value就匹配一個(gè)text值- 如果是多選铅辞，就需要v-model來(lái)配合value使用厌漂，v-model綁定一個(gè)數(shù)組，與復(fù)選框類
似- v-model一定是綁定在select標(biāo)簽上
總結(jié)一下：
如果是單選斟珊，初始化最好給定字符串苇倡，因?yàn)関-model此時(shí)綁定的是靜態(tài)字符串或者布爾值
如果是多選，初始化最好給定一個(gè)數(shù)組
6.2 綁定值
- 單選按鈕
只需要用v-bind給單個(gè)單選框綁定一個(gè)value值囤踩，此時(shí)旨椒，v-model綁定的就是他的value
值 - 復(fù)選框
- 下拉框
在select標(biāo)簽上綁定value值對(duì)option并沒有影響
6.3 修飾符
lazy
*——v-model默認(rèn)是在input輸入時(shí)實(shí)時(shí)同步輸入框的數(shù)據(jù)，而lazy修飾符堵漱，可以使其
在失去焦點(diǎn)或者敲回車鍵之后在更新
number
*—————— 將輸入 的字符串轉(zhuǎn)化為number類型
trim
trim自動(dòng)過濾輸入過程中收尾輸入的空格
