vue修饰符 lazy number trim详解

<template>
  <div>
    <!-- 加了.lazy修饰符后，就不会实时更新输入的字符，而是会在用户按回车键后或者失去焦点的时候再更新数据 -->
     <!-- 使用 .lazy 会转变为在 change 事件中同步 -->
    <input v-model.lazy="message" type="text">
    <h2>{{ message }}</h2>
    
    <!-- 若只输入数字时 格式转换为number 若输入string 则不限制于number 不限制用户输入非number类型 -->
    <input v-model.number="message1" type="text" >
    
    <!-- 去除前后空格 -->
    <input v-model.trim="message" type="text" >
  </div>
</template>

<script>
export default {
  data: function() {
    return {
      message: 'vue模板',
      message1: 111111
    }
  }
}
</script>