vue开发监听input输入框输入前后值，获取后前后对比值后进行相应处理。

截图实现代码：

<template>
        <div>
            <input type="text" v-model="msg">
        </div>
</template>
<script>
    export default {
        watch:{
            msg:function(newV,oldV){
                console.log('新输入值:'+newV,'旧值:'+oldV);
            }
        },
        data(){
            return{
                msg:'六月初博客站',
            }
        },
    }
</script>

关键点解析：通过watch来锦亭输入值的变化。

类型：{ [key: string]: string | Function | Object | Array }

官网详细：

一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个属性。