v-model 修饰符，.number 数值类型转换

v-model.number 使用了这个修饰符 可以将input文本中的string字符串数据类型转变成 number 数值类型

正常输出内容，然后去检测他的数据类型：

  
    <div id="app">

        <input type="text" v-model="txt">
        <br>
        <button @click="get()">检查数据类型</button>
    </div>

    <script src="./js/vue.js"></script>
    <script>
        let vm = new Vue({
            el:"#app",
            data:{
                txt:''
            },
            methods:{
                get(){
                    window.alert(typeof this.txt)
                }
            }
        })
    </script>

 

 现在加上 .number:

 <div id="app">

        <input type="text" v-model.number="txt">
        <br>
        <button @click="get()">检查数据类型</button>
    </div>

 

 只有 num数字 被转换了类型