vue_4-侦听器

侦听器

1、说明

我们可以使用watch选项在每次响应式属性发生变化时触发一个函数

响应式：在data中所声明的数据

2、代码演示

<template>
    <p>{{msg}}</p>
</template>

<script>
export default {
    data(){
        return{
            msg:"Hello"
        }
    },
    //侦听器
    watch:{
        //方法名必须于属性名对应
        //数据发生变化自动执行的函数
        msg(newValue,oldValue){
            console.log(newValue,oldValue);
        }
    }
}
</script>

3、效果展示

输出 World Hello
W6l4-1702291379628)]

输出 World Hello