在 Vue 中启用（控制台）记录路由器事件

Question

在我的 Vue 和 Vuex 应用程序的某个地方，我怀疑触发了（Vue）路由器推送。为了调试这个，我想启用某种日志记录，在我的控制台中查看所有路由事件。我怎样才能做到这一点？

我在 Vue Router 指南中搜索了诸如“日志记录”、“事件”和“控制台”之类的内容，但一无所获。在 Angular 中，我可以订阅顶级组件中的所有路由器事件，我想我正在寻找类似的东西。

所以，简而言之：如何为 Vue Router 事件启用日志记录？

Answer 1

您需要在路由器视图中记录更改。

因此，在具有您的<router-view><router-view/>标签的组件中，只需注意路由器更改：

watch: {
    '$route' (to, from) {
      console.log('Route changed from ' + from.path + ' to ' + to.path); 
    }
}

如果这不是您要找的，请告诉我。