Vue中v-model的.trim修饰符

引言

修饰符：

• .lazy - 取代 input 监听 change 事件

经过测验，我认为这句话的意思是：

个人认为，取代这个说法不妥。因为即使使用了.lazy，input和change事件也都会存在，不存在谁取代谁，而且依然是只要输入就触发input事件，失焦或者回车之后才触发change事件。区别在于，不使用.lazy修饰符时，只要输入值就会改变原始值，而使用.lazy修饰符是在失焦或点击回车之后原始数据才会改变。

测试

使用.lazy前

<div class="vmod">
      <input
        type="text"
        name=""
        id=""
        v-model="modelValue"
        @input="getInput"
        @change="getChange"
      />
</div>
<script>
export default {
  data() {
    return {
      modelValue: ""
    };
  },
  methods: {
    getInput