通俗说vue生命周期

vue组件就是vue将能复用的部分进行封装,

生命周期就是组件从被创建出来到最后结束所要经历的一系列过程,

一个组件从被创建到最后被销毁,总共要经历以下8个过程:

1.beforeCreate:组件创建之前

2.created:组件创建完毕

3.beforeMount:组件挂载之前

4.mounted:组件挂载完毕

5.beforeUpate:组件更新之前

6.upated:组件更新完毕

7.beforeDestoy:组件销毁之前

8.destoyed:组件销毁完毕

在这个过程中通过上面那些生命周期钩子函数,在他们决定的时间里要执行相应的操作,

就是进入一个页面,在这个组件开始创建、初始化数据、编译、挂载、渲染 、销毁这些时间点里执行动作,每个函数有对应执行的时间

举个栗子:

1.你在加载一个组件前想先显示一个加载图,既在组建创建前的钩子函数beforeCreate里面显示加载图

2.要是组建加载不出来,就可以在created钩子函数里写让加载图消失的方法,还可做一些初始化,实现函数自执行

3.当组件加载好之后想获取后台数据,在mounted这发起后端请求,拿回数据,配合路由钩子做一些事情

4.beforeUpdate:当数据发生变化时,写数据更新之前想要做的操作

5.updated :数据的更新完成

6.beforeDestoy:你是否确认要删除这个组件

7.destoyed:当前组件已被删除,清空相关内容

子父组件的生命周期:

仅当子组件完成挂载后,父组件才会挂载

当子组件完成挂载后,父组件会主动执行一次beforeUpdate/updated钩子函数

父子组件在data变化中是分别监控的,但是在更新props中的数据是关联的

销毁父组件时,先将子组件销毁后才会销毁父组件

兄弟组件的初始化(mounted之前)分开进行,挂载是从上到下依次进行

当没有数据关联时,兄弟组件之间的更新和销毁是互不关联的
 


 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值