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:是一个回调函数。即监听到变化时应该执行的函数。里面有两个参数   一个 是newValue变化后新的值     oldValue变化前新的值

 

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

  deep:其值是true或false;确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。) 可以监测多层级结构的数据

       immediate:其值是true或false;  初始化时立即执handler的函数。    

  

posted @ 2021-05-21 14:45  98。  阅读(1590)  评论(0)    收藏  举报