关于前端:vueRouter和keepalive等生命周期

89次阅读

共计 750 个字符,预计需要花费 2 分钟才能阅读完成。

vue 挂载数据生命周期:

beforeCreate:init 初始化,注册 vue 默认的属性、办法、事件。不能拜访 this
created:将定义的 data、methods 等初始化并注入 vue 实例。能够拜访 this,ajax
beforeMount:在内存中渲染 dom 模板
mounted:挂载实在 dom,操作 dom
遇到子组件,会先加载子组件的生命周期到 mounted 后再执行父组件的 mounted
$nextTick() 回调解决的问题:子组件的 mounted 阶段间接调用一些办法操作 dom,然而父组件未 mounted 结束,可在子组件中通过 $nextTick() 回调,等下一次 DOM 更新后再进行 dom 的操作

keep-alive 生命周期:

 进入和来到页面会触发 activated 和 deactivated

router 生命周期:

 全局, 单个路由独享, 组件级
beforeRouteLeave: 路由组件的组件来到路由前钩子,可勾销路由来到。beforeEach: 路由全局前置守卫,可用于登录验证、全局路由 loading 等。beforeEnter: 路由独享守卫
beforeRouteEnter: 路由组件的组件进入路由前钩子。beforeResolve: 路由全局解析守卫
afterEach: 路由全局后置钩子
beforeCreate: 组件生命周期,不能拜访 this。created: 组件生命周期,能够拜访 this,不能拜访 dom。beforeMount: 组件生命周期
deactivated: 来到缓存组件 a,或者触发 a 的 beforeDestroy 和 destroyed 组件销毁钩子。mounted: 拜访 / 操作 dom。activated: 进入缓存组件,进入 a 的嵌套子组件 (如果有的话)。执行 beforeRouteEnter 回调函数 next。

正文完
 0