vue中watch用法

watch

什么是watch?

watch是用来监听 数据的变化，一般用于异步或者开销较大的操作

- 当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，此时就需要deep属性对对象进行深度监听

​
obj:{
         handler(newval){
                console.log(newval);
          },
         deep:true, // 深度监听，可以监听对象的属性的变化
         immediate: true  // 监听初始的值 
        },

​

使用场景1： 当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。例如ajax请求，复杂的业务逻辑处理等。

使用场景2

监听路由参数变化

watch: {
      // 监听路由参数变化 
        '$route': 'getCategoryData'
    },