zoukankan      html  css  js  c++  java
  • vue中的全局守卫和导航守卫

    前置守卫guard

    从from跳转至to的时候调用

    `router.beforeEach((to,from,next)=>{next()}
    在这里可以加上判断,用户登录了才执行next()函数,否则可以next('/')回到首页

    后置钩子hook

    跳转完成后调用的函数

    ·router.afterEach((to,from)=>{}

    这两个称为全局守卫

    以上为全局守卫

    还有路由独享守卫

    组件内的守卫

    keep-alive 可以让组件不会被频繁的销毁创建。

    activated() 组件处于活跃的时候调用
    deactivated() 当组件处于不活跃的时候调用

    上面两个函数只有在使用keep-alive才有效。

    beforeRouteLeave(to,from,next) 当离开组件的时候调用

  • 相关阅读:
    19软件工程专业---调查问卷
    软件工程2020思维导图
    关于创新创业
    学习周记
    学习周记
    问卷
    思维导图
    关于创新
    哈弗曼树
    调查问卷
  • 原文地址:https://www.cnblogs.com/ch2020/p/15114315.html
Copyright © 2011-2022 走看看