vue的生命周期函数和组件路由守卫函数的执行顺序

路由代码

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'LoginView',
      component: LoginView,
      beforeEnter: (to, from, next) => {
        console.log('beforeEnter')
        console.trace()
        next()
      }
    },
 ]
})

组件component: LoginView的mounted

  mounted () {
    console.log('mounted')
    console.trace()
  },

控制台打印结果


image.png

其他组件生命周期和路由守卫带验证

补充

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,925评论 25 709
  • 相识相熟 往往情不知所起,却一往情深 旁观者并不知道W与Y的感情到了何种地步,甚至他们的爱情还是在T与Y的恋爱过程...
    CooJane阅读 390评论 0 0
  • 只是朋友圈那个短短的几句话,就收到了您的私信,当我看到那二句话的时候,心里无比感动…… 也正是那些话温暖了我整个下...
    秀丽有约阅读 250评论 0 2
  • 本文介绍的仿IOS对话框的实现,先来看一下效果图 具体代码如下: 用到的图片
    蒽香之气阅读 3,420评论 6 19
  • 第4节干预措施列表 认为绩效顾问应该符合三点要求:精通15~25种干预措施。是否有建议哪些干预措施需要精通? 了解...
    敬恒教练阅读 355评论 0 1