[JavaScript知识库]watch侦听器的使用

当我们在使用vue是最喜欢的莫过于vue的双向数据绑定,但是有一些属性也可以是我们开发的更方便,其中被我们忽视的一个属性watch侦听器.我们在开发的过程中，对于动态网页而言，大部分的数值都是在不断变化的，如果我们需要侦听某些数值的变化，Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动 侦听器watch

侦听器的语法是? ?watch: {}

所有需要侦听的属性都放在watch里面 注意它不是一个函数,不能写().

  watch:{
            arr:{
                deep:true,
                handler(newV,oldV){
                    console.log('newV',newV);//表示更新之后的arr
                    console.log('oldV',oldV);//表示更新之前的arr
                    
                },
                immediate:ture

            }
        }

watch属性中，我们看到形式依然是一个键值对的方式，但是值中我们包了一个大括号，并且除了处理函数外，还加了一句deep:true，这句就是深度侦听的标志。

深度侦听中还有一个属性，immediate? 表示第一次加载时就会侦听