本文详细介绍了Vue实例从创建到销毁的生命周期，包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed等关键钩子函数。这些钩子在不同阶段允许开发者进行数据获取、DOM操作、错误处理等活动。例如，created适合发送HTTP请求，mounted可用于获取DOM元素，而destroyed则用于清理定时器和监听。此外，还提到了与keep-alive相关的activated和deactivated钩子，以及errorCapture错误处理。文章最后探讨了父子组件及页面跳转时的生命周期顺序，为开发者提供了实用的指南。
所谓的 vue ⽣命周期就是 vue 实例从创建到销毁的整个过程
vue ⽣命周期常⽤的钩⼦函数：
创建前后：beforeCreate 创建前、 created 创建后、
挂载前后：beforeMount 挂载前、mounted 挂载后、
更新前后：beforeUpdate 更新前、updated 更新后、
销毁前后：beforeDestory 销毁前、 destoryed 销毁后；
两个跟 keep-alive 有关 ：activated 组件激活、deactivated 组件停用
errorCapture 子组件加载错误时触发
一般会在创建前修改页面的title，
created 用它来发送 http 请求 还可以获取本地存储里的数据
可以在创建后获取到data里边的数据，可以在挂载后获取到dom元素
如果想要在created中拿到dom元素 需要用到 this.$nextTick
dom更新/视图更新的时候会触发更新的函数
销毁的时候可以清除定时器，清除页面监听
errorCapture有三个参数 第一个是什么错 第二个那个组件 第三个具体报错的地点 ，可以return true和false return false的时候错误不会向外展示
父子组件的生命周期执行顺序：
父组件 beforeCreate
父组件 created
父组件 beforeMount
子组件 beforeCreate
子组件 created
子组件 beforeMount
子组件 mounted
父组件 mounted
页面跳转的生命周期执行顺序：
下个页面 beforeCreate
下个页面 created
下个页面 beforeMount
上个页面 beforeCreate
上个页面 created
上个页面 beforeMount
上个页面 mounted
下个页面 mounted
扫一扫
1352
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
