侦听器-watch

先v-model变化、2 再触发watch方法

场景：网站搜索、监控弹框显示二维码、模糊筛选、关键词筛选、日期筛选、下拉筛选、全选、全不选等

①监听 字符串

 搜索框： <input type="text" v-model="search" placeholder="请输入你要搜索的内容..."/>
 搜索结果：{{searchContent}}

 // 声明侦听器 监听模型数据变化
    watch: {
        search(newData, oldData) {
            this.searchContent = '异步请求数据'
        }
    }

②监听对象里的键

<input type="text" v-model="user.name" />

data: {
    user: {
        uname: "张三",
        age: 98
    }
},
watch: {   
      user: {
            deep: true,          // deep 深度监控 可以监控对象的旧键数据变化
            immediate: true,    // immediate 首次打开页面就会触发     
            handler(newData, oldData) {
                console.log(newData, oldData)
            },
        }

    }