22、Vue3 v-model修饰符

trim、number、lazy在vue2中也存在，不算新特性，只是以vue3案例尝试

• .trim: 首尾去除空格
• .number：将输入的值转换成数字
• .lazy：懒加载，从input事件变成change事件

案例

<template>
  <div>
      .trim:
      <input type="text" v-model.trim="inputval">
      开始{{inputval}}结尾 <br>
      .number:
      <input type="text" v-model.number="inputval2">
      {{inputval2}} <br>
      .lazy
      <input type="text" v-model.lazy="inputval3">
      {{inputval3}}
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
    setup(){
        let inputval = ref('')
        let inputval2 = ref(0)
        let inputval3 =  ref('')
        return {
            inputval,
            inputval2,
            inputval3
        }
    }
}

</script>