lazy
:默认情况下是实时更新数据,加上lazy
,从输入框失去焦点,按下enter都会更新数据。number
:默认是string类型,使用number
复制为number类型。trim
:用于自动过滤用户输入的首尾空白字符
<div id="app">
<!-- lazy,默认情况是实时更新数据,加上lazy,从输入框失去焦点,按下enter都会更新数据 -->
<input type="text" v-model.lazy="msg">
<h2>{{msg}}</h2>
<!-- 修饰符number,默认是string类型,使用number赋值为number类型 -->
<input type="number" v-model.number="age">
<h2>{{age}}--{{typeof age}}</h2>
<!-- 修饰符trim:去空格 用于自动过滤用户输入的首尾空白字符 -->
<input type="text" v-model.trim="name">
<h2>{{name}}</h2>
</div>
<script src="vue.js"></script>
<script type="text/javascript">
const vm = new Vue({
el:"#app",
data(){
return{
msg:"zzz",
age:18,
name:" 张三 "
}
}
})
</script>