vue 监听路由变化 以及 deep和immediate 的使用

案例

 watch: {
    $route: {
      handler: function(route) {
        console.log(route);
        const query = route.query
        if (query) {
          this.redirect = query.redirect
          this.otherQuery = this.getOtherQuery(query)
        }
      },
      //deep: true
      immediate: true
    }
  },

　　首先 watch是 vue内部提供的一个用于侦听功能的更通用的方法，其用来响应数据的变化，通过特定的数据变化驱动一些操作

　 　$route 是当前路由信息对象 

　　handler：是一个回调函数。即监听到变化时应该执行的函数。

        watch 和$route就是来监听路由的动态变化的

　　deep：其值是true或false；确认是否深入监听。（一般监听时是不能监听到对象属性值的变化的，数组的值变化可以听到。）

       immediate：其值是true或false；确认是否以当前的初始值执行handler的函数。

vue 监听路由变化 以及 deep和immediate 的使用

原文：https://www.cnblogs.com/jie98/p/14793743.html