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。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。