【Vue】Watch监听

监听，可以监听数据的变化也可以监听路由的变化，此处展示监听数值的变化，监听路由的变化在路由参数传递那篇文章中另有介绍。

本文展示的是对文本框，新旧数值的监听与展示：

代码

<template>
<div>
  <input v-model="data">{{data2}}
</div>
</template>

<script>
    export default {
        name: "Vue01",
        data(){
            return{
                data:'',
                data2:''
            }
        },
        watch:{
            data(newValue,oldValue){//名称与要监听的数据一致即可
                this.data2=oldValue+'--->'+newValue;
            }
        }
    }
</script>

<style scoped>

</style>