路由代碼

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()
  },

控制臺打印結(jié)果

image.png

其他組件生命周期和路由守衛(wèi)帶驗證

補充