监听 Vue Router 的变化

[ghostheaven]

用 beforeUpdate 还是 watch $route，这两种方式是不是等价的？

[ss098]

watch $route 才是用来监听变化的吧，beforeUpdate 其他情况也会触发。

[ss098]

watch $route 才是用来监听变化的吧，beforeUpdate 其他情况也会触发。

[ghostheaven]

@ss098 哪些情况？

[ss098]

https://cn.vuejs.org/v2/api/#beforeUpdate

[yiranHZT]

应该使用 Vue Router 的导航守卫吧。
https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards

例如，在 Electron 中不能直接看到 chrome 的当前 URL，所以我就用 Vue Router 的 `router.afterEach` 每次路由变化后在 console 打印当前路由信息，以验证路由没错误。

[ghostheaven]

@yiranHZT @ss098 在 so 上找到一个答案，说 2.2 之前只能用 watch $route，之后增加了 beforeRouteUpdate，可以达到相同的功能。一个区别是 beforeRouteUpdate 只能在声明它的组件上有效（我理解应该是说只能在 router view 上），在子组件上不会被调用，而 watch 可以。