1倚聚、lazy修飾符
用戶使用v-model之后，用戶每次修改輸入內(nèi)容诲锹，都會(huì)將后臺(tái)的數(shù)據(jù)同時(shí)綁定繁仁，為了避免這種情況的發(fā)生，使用lazy修飾符來進(jìn)行限定归园。只有當(dāng)用戶的input中失去焦點(diǎn)或者用戶點(diǎn)擊回車按鈕時(shí)黄虱，才會(huì)將后臺(tái)的數(shù)據(jù)進(jìn)行修改。
<!--lazy修飾符：使得用戶在輸入數(shù)據(jù)之后庸诱，當(dāng)數(shù)據(jù)失去焦點(diǎn)或點(diǎn)擊回車時(shí)捻浦，才會(huì)進(jìn)行數(shù)據(jù)的更新-->
<input type="text"v-model.lazy="message">
<h2>用戶輸入的內(nèi)容：{{message}}</h2>
2、number修飾符
當(dāng)用戶在input中輸入數(shù)字時(shí)桥爽，瀏覽器會(huì)默認(rèn)將輸入的數(shù)字轉(zhuǎn)化為string類型朱灿，使用number修飾符來將輸入的數(shù)字轉(zhuǎn)為number類型
3.trim修飾符
用戶可能輸入的字符串中含有空格，這樣系統(tǒng)在處理時(shí)可能會(huì)出現(xiàn)錯(cuò)誤钠四。使用trim修飾符來去掉字符串首部或者尾部的所有空格
<!--trim修飾符：將用戶輸入的文本信息中開頭的空格盗扒，結(jié)尾的空格都刪除-->
<input type="text"v-model.trim="name">
<h2>用戶輸入的內(nèi)容：{{name}}</h2>
