vue 侦听器

一 格式

        使用watch 只能侦听return 里面的数据

        

 watch:{
            侦听名(newValue,oldValue){
 
        }
    }

     2举例

        

<template>
    <h3>侦听器h3>
    <div>{{ msg }}div>
    <button @click="updta()" type="button">x修改数据button>
template>
<script>
export default{
    data(){
        return{
            msg:"hello"
        }
    },
    methods:{
        updta(){
            this.msg= "hello World"
        }
    },
    watch:{
            msg(newValue,oldValue){
            console.log(newValue,oldValue);
        }
    }
}
script>

newValue 新数据

oldValue 旧数据