一个导航钩在Vue2路由器基本知识点详细

导航钩

通过Vue路由器提供的导航钩主要用于拦截导航，让它完成跳跃或取消。有许多方法来执行路由时发生：全球导航钩，单路独家，或组件级。

全局钩子
const路由器=新VueRouter（{…}）
Router.beforeEach（（，，下）= > {
做某事
下一步（）；
}）；

Router.afterEach（（，，下）= > {
console.log（的路）；
}）；

每个钩子方法接收三个参数：

至：路由：即将到来的目标{路由对象}
从：路线：当前导航离开的路线
下一步：函数：必须调用这个方法来解析钩子。执行效果取决于下一步。
方法的调用参数。

下一步（）：管道中的下一个钩子。如果所有的钩子都完成了，导航的状态被确认（确认）。
下一步（false）：中断当前的导航。如果浏览器的URL发生变化（可能是用户手册或浏览器后退按钮），那么URL地址将被重置为
路线地址。
下一步（）或下一步（{ }：}）：跳转到另一个地址。当前导航被中断，并执行一个新的导航。
确保调用下一个方法，否则钩子将无法解决。

组件中的钩子
让frompath =；
出口默认{
beforerouteenter（，，下）{
在呈现相应的路由组件之前，请确认
不是！可以！获取组件实例这个
因为在未创建组件实例执行之前的钩子/
frompath = from.path；
下一步（）；
}，
}
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。