vue 侦听器

慈母守中线~2023-09-15 20:19

一格式

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

html 复制代码

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

        }
    }

2举例

html 复制代码

<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 旧数据