v-model的修饰符
.lazy把v-model事件默认由input变成了change
.trim去除字符串前后的空格
.number将输入的内容转为数字
<div id="app">
<!-- v-model修饰符
.lazy把v-model事件默认由input变成了change change事件输入内容发生改变且失去焦点时触发
.trim去除字符串前后的空格
.number将输入的内容转为数字
-->
<input type="text" v-model="msg" name="" id="">
<input type="text" v-model.lazy="msg" name="" id="">
<input type="text" v-model.trim="msg" name="" id="">
<!-- .number将输入的内容转为数字 -->
{
{num+num}}
<input type="text" v-model.number="num" name="" id="">
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.37/vue.global.js"></script>
<script>
var app=Vue.createApp({