侦听器

1.什么是watch侦听器

watch侦听器运行开发者监视数据的变化，从而针对数据的变化做特定的操作

语法格式如下：

const vm = new Vue({
    el ='#app',
    data = {username:''},
    watch:{
        //监听 username 值的变化
        // newVal 是”变化后的新值“，oldVal 是”变化之前的旧值“
        username(newVal,oldVal){
            console.log(newVal,oldVal)
       } 
    }
})

 

 侦听器的格式

　　1.方法格式的侦听器：

　　　　缺点1：无法在刚进入页面的时候，自动触发

　　　　缺点2：如果侦听的是一个对象，如果对象的属性发生了变化，不会促发监听器

　　2.对象格式的侦听器

　　　　好处1：可以通过 immediate 选项，让侦听器自动触发

　　　　好处2：可以通过deep选项，让监听器监听每个属性的变化