vue中的表單修飾符有：1.lazy，將輸入框的值與數據轉變在change事件中同步；2.number，將輸入框內的字符串轉換成數字；3.trim，將輸入框內中前后的空格去掉；
vue中的表單修飾符有以下幾種
1.lazy修飾符
vue中lazy修飾符的作用是將輸入框的值與數據轉變在change事件中同步。
<input v-model.lazy="name"><p>{{ name }}</p>
<script>
new Vue({
el: '#app',
data: {
name: "請輸入姓名："
}
})
</script>
2.number修飾符
vue中number修飾符的作用是將輸入框內的字符串轉換成數字。
<input v-model.number="number"><p v-on:click="showMsg">{{ number }}</p>
<script>
methods: {
showMsg: function() {
console.log(this.number);
console.log(typeof(this.number))
}
}
</script>
3.trim修飾符
vue中trim修飾符的作用是將輸入框內中前后的空格去掉。
<input v-model.trim="search_text"><p v-on:click="showContent"> {{ search_text }}</p>
<script>
showContent: function() {
console.log( "a" + this.search_text)
}
</script>
