生命周期是vue实例从创建到销毁的整个过程
生命周期有:
1.创建前后:beforeCreate --- created
2.挂载前后:beforeMount --- Mounted
3.更新前后:beforeUpdate --- updated
4.销毁前后:beforeDestory --- destoryed
5.errorCapture:捕捉子组件错误时调用
6配合Keep-alive使用:
(1).activated:组件激活时调用
(2).deactivated:组件停用时调用
创建前后是实例的创建,在创建之后(created)开始可以获取data内的数据
挂载前后是dom挂载,在挂载后(Mounted)开始可以获取dom元素
生命周期注重的是中间的过程
生命周期函数通常做的事情:
1.beforeCreate:修改页面的title,页面加载的进度条
2.created:发送网络请求
3.Mounted:同created一样也是发送网络请求
4.beforeUpdate --- updated:视图的更新
5.beforeDestory --- destoryed:
(1)清除定时任务,(使用:setTimeout,setInterval)
(2)移除监听 (使用:removeEventLinster ,this.$bus.$off)
如果非要在created内获取dom元素:
1.promise写法:
this.$nexTick( ).then(res=>{ })
2.回调函数写法:
this.$nexTick( ( ) =>{ })
errorCapture:捕捉子组件错误,有三大参数:
1.错误的信息 2.错误的组件 3.错误的位置
可以返回值:如果返回true,错误向外暴露,如果返货false,错误会隐藏