vue 路由监听-自用笔记

原创于 2021-02-04 16:07:50 发布 · 153 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了在Vue中使用两种不同方式来监听路由变化的方法。第一种是直接在watch中监听$route的变化，通过to和from参数来获取新旧路由信息。第二种方式则通过handler回调函数来实现相同的功能，并启用deep选项确保深度监听。

方式一

watch:{
            /*监听路由的变化*/
            $route(to,from){
                console.log(to,from)
            }
        },

方式二

watch:{
          $route:{
                handler(val,oldval){
                    console.log(val);//新路由信息
                    console.log(oldval);//老路由信息
                },
                // 深度观察监听
                deep: true
            }
        },