左小白的技术日常
Github

vue页面中监听路由改变的2种方法

这篇文章发布于 2020/07/26,归类于
标签:
ue监听路由变化vue监听路由监听vue-router变化

在vue中,怎么监听vue-router路由的变更呢?一般有两种方法

  1. 单页面组件中,使用 beforeRouteEnter
  2. 使用watch监听$route
// 1.单页面组件中,使用 beforeRouteEnter
created() {
},
beforeRouteEnter(to, from, next) {
    next(vm => {
        // vm就是this了
    })
},

// 2.使用watch监听$route
watch: {
    $route(to, from) {
        // xxx
    }
}