vue 实时监听表单数据

vue 实时监听表单数据，代码如下

<template>
    <div>
       <input type="text" v-model="name">
    </div>
</template>

<script>
   export default {
       data (){
           return {
               name: ''
           }
       },
       watch: {
           name(val, oldval){
            console.log(val)     //val 为input中的新值
            console.log(oldval)  //oldval 为input中的旧值 
           }
       }
   }
</script>

运行如下图

依次输入 1、2、3，打印如图