三个:
第一个是 lazy修饰符:【懒】
我们都知道你绑定了之后 他是实时更新的,但是我们一般不需要他这样,如果我们是用户输入账号或密码的时候,我们离开焦点或按回车后才是确定输入完毕,那么那个时候才绑定不是最好的嘛,所以:
<div id="app">
<input type="text" placeholder="请输入账号" v-model.lazy="choice">
您输入的是:{{choice}} <!--当你按下回车或者失去焦点时才会更新!-->
<br><br><br>
<button>注册</button>
</div>
<script>
const app = new Vue({
el:"#app",
data:{
choice:"", //变量
}
})
</script>
所以 很方便。。。。蛮方便了 头秃了而已
number修饰符:
默认情况下,在输入框中无论我们输入的是字母还是数字,都会被 当做字符串类型进行处理。所以如果你想存到变量中是 number 类型,就用这玩意即可:
<div id="app">
<input type="text" placeholder="请输入账号" v-model.number="value">
<br>
值:{{value}} -- 类型:   {{typeof value}} <!--注意看值 这个修饰和 内个 parseInt 函数差不多 自己尝试吧-->
<br><br>
<button>注册</button>
</div>
<script>
const app = new Vue({
el:"#app",
data:{
value:"", //变量
}
})
</script>
trim修饰符:
就是删首尾空 ,没什么好说的 自己加入即可:
................