Vue vue-router项目内组件生命周期笔记记录

249 阅读1分钟

router-view被keep-alive包裹

router-view级别的组件定义为页面级,下面的所有子组件定义为组件级

所有组件以此来分级

页面级别的组件拥有完整的生命周期,精简之后留下常用的几个生命周期

  • created
  • mounted
  • activated
  • deactivated
  • destroyed

以及所有的组件内导航守卫

但是他的子组件通常只用这几个

  • created
  • mounted
  • destroyed

以及只有页面级别组件中一直存在的子组件会拥有

  • activated
  • deactivated

但是很少用到

动态创建的组件没有activated deactivated 生命周期

通常都会在created或者mounted周期内进行初始化,destroyed组件内进行销毁时的操作

子组件通常不会有组件内的导航守卫,通过这个可以判断组件是否是页面级别的