老生常谈vue的生命周期

这篇文章主要为大家详细介绍了vue的生命周期,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

一、什么是生命周期

每一个组件都可能经历从创建,挂载,更新,卸载的过程。

在这个过程中的某一个阶段,用于可能会想要添加一些属于自己的逻辑代码(比如组件创建完后就请求一些服务器数据)

但是我们如何知道目前组件正在哪一个过程中,vue给我们提供了组件的生命周期函数。

二、生命周期函数

生命周期函数是一个钩子函数,在某一个时间会被vue内部源码进行回调。

通过对生命周期函数的回调,我们知道目前组件正在经历什么阶段。

那么我们就可以在该声明周期中编写属于自己的逻辑代码了。

三、生命周期的流程

在这里插入图片描述

四、简单的生命周期代码

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

使用keep-alive进行包裹组件时,可以打印出的结果为:

在这里插入图片描述

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注0133技术站的更多内容!      

以上就是老生常谈vue的生命周期的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程