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

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。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理