vue-router有哪几种导航钩子函数

三种

  1. 全局导航钩子函数
    • beforeEach(to,from,next)
    • afterEach(to,from,next)
  2. 路由独享导航钩子函数
    • beforeEnter
  3. 组件内部导航钩子函数
    • beforeRouteEnter
      不能使用this
    • beforeRouteUpdate
      只有路由发生改变了才会触发这个钩子函数
    • beforeRouteLeave

实现登录拦截
使用全局的导航钩子函数
需求:
用户已经登录,不拦截,可以访问所有的路由
用户未登录,如果去的是登录或注册页面不拦截,否则,就拦截

猜你喜欢

转载自blog.csdn.net/ifyouwjk/article/details/114289403