通俗说vue生命周期

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_24767091/article/details/84350129

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之前)分开进行,挂载是从上到下依次进行

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


 

猜你喜欢

转载自blog.csdn.net/qq_24767091/article/details/84350129