1-5 v-model

7-2修饰符

v-model.number修饰符==》输入框内的内容只能是number
v-model.trim修饰符==》去除input中字符前后的空格

<div id="app">
        <!-- v-model实现数据双向绑定 
            v-model.number修饰符==》输入框内的内容只能是number
            v-model.trim修饰符==》去除input中字符前后的空格
        -->
        <input type="number" min="1" v-model.number="msg">
        <input type="text" v-model.trim="str">
    </div>
    <script>
        new Vue({
            el:"#app",
            data:{
                msg:1,
                str:"hello"
            }
        })
    </script>