Vue的生命周期是创建到销毁的过程,分为创建前后、挂载前后、更新前后、销毁前后
创建前:beforcreate ---创建后:created
挂载前:beformount---挂载后:mounted
更新前:beforupdate---更新后:updated
销毁前:befordestory---销毁后:destoryed
创建前后:实例的创建; 从 创建后(created)开始可以获取data内的数据
挂载前后:dom的挂载, 从 挂载后(mounted开始可以获取dom元素)
声明周期函数通常所做的事情:
beforeCreate: 修改页面的title 页面加载的进度条
created: 发送网络请求
mounted:发送网络请求
beforeUpdate -- updated 什么更新?视图的更新
beforeDestroy -- destroyed
清除定时任务: setTimeout setInterval
移除监听: .removeEventLinster() this.$bus.$off()
如果非要在 created内获取dom元素:
this.$nextTick().then(res=>{
})
this.$nextTick(()=>{
})
除去这8个还有3个:
配合keep-alive使用的有:
Actived 组件激活
Deactived 组件停用
errorCaptured子组件出错的时候会触发这个钩子函数
配合 keep-alive使用的
activated -- 激活
deactivated -- 失活/停用时调用
errorCaptured捕捉子组件的错误的,有三个参数:
1. 错误的信息
2. 错误的组件
3. 错误的位置
可以返回值: 如果返回true,错误向外暴露,如果返回false 错误隐藏