v-model修饰符.lazy用法

v-model一般是用在input输入框的双向数据绑定上

1.v-model不加.lazy修饰符：

<template>
  <div>
    <div>
      <input v-model="msg" @change="show">
      <span>{
    {msg}}span>
    div>
  div>
template>

<script>
export default {
      
  data () {
      
    return {
      
      msg: 李易峰
    }
  },
  methods: {
      
    show () {
      
      console.log(this.msg)
    }
  }
}
script>

效果图：

2.v-model加了.lazy修饰符后

<input v-model.lazy="msg" @change="show">

效果图：

触发change事件在控制台打印：

总结：
当添加了.lazy修饰符后，双向绑定的数据就不同步了，相当于在input输入框失去焦点后触发的change事件中同步