详解vue-router 2.0常用基础知识点之导航钩子

　　

<>强导航钩子

　　

vue-router提供的导航钩子主要用来拦截导航,让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子:全局的,单个路由独享的,或者组件级的。

　　

<强>全局钩子

　　 　　 　　const路由器=new VueRouter ({…}） 　　路由器。beforeEach(下),从=比;{//做某事 　　next (); 　　}）; 　　 　　路由器。afterEach(下),从=比;{ 　　console.log (to.path); 　　}）; 　　 　　之前 　　 　　

<强>每个钩子方法接收三个参数:

　　
    　　<李>:路线:即将要进入的目标(路由对象] 　　<李>:路线:当前导航正要离开的路由李 　　<李>:功能:一定要调用该方法来解决这个钩子。执行效果依赖下李 　　
　　

<强>方法的调用参数。

　　
    　　<李> next():进行管道中的下一个钩子。如果全部钩子执行完了,则导航的状态就是证实(确认的)。 　　<李>下(错误):中断当前的导航。如果浏览器的URL改变了(可能是用户手动或者浏览器后退按钮),那么URL地址会重置到从李 　　<李>路由对应的地址。 　　<李> next(“/?或者下({路径:'/'}):跳转到一个不同的地址。当前的导航被中断,然后进行一个新的导航。 　　
　　

确保要调用一方法,否则钩子就不会被解决。

　　

<强>组件内的钩子

　　 　　 　　让fromPath="; 　　出口默认{ 　　beforeRouteEnter(下),从{//在渲染该组件的对应路由被确认前调用//不!能获取组件实例“这”//因为当钩子执行前,组件实例还没被创建 　　fromPath=from.path; 　　next (); 　　}, 　　} 　　 　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

详解vue-router 2.0常用基础知识点之导航钩子