vue v-model.lazy 用法

今天翻看文档时发现v-model有lazy这么一个修饰符。当然得倒腾倒腾。
我发现v-model.lazy是失焦后绑定数据，这个就相当于以往对输入框进行事件绑定一样，当失焦后操作什么。这里配合watch进行监听比@blur="change()"更直观明了。

<template>
    <div>
        <input v-model.lazy='green'/>
        <span>{{green}}</span>
    </div>
</template>

<script>
export default {
  data() {
    return {
      green: ''
    }
  },
  watch: {
    green(newval, oldval) {
      console.log('newval', newval)
      console.log('oldval', oldval)
    }
  }

}
</script>