欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

老生常谈vue的生命周期

时间:2022-11-28 10:28:13|栏目:vue|点击:

一、什么是生命周期

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

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

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

二、生命周期函数

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

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

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

三、生命周期的流程

在这里插入图片描述

四、简单的生命周期代码

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

总结

上一篇:在移动端使用vue-router和keep-alive的方法示例

栏    目:vue

下一篇:使用vue导出excel遇到的坑及解决

本文标题:老生常谈vue的生命周期

本文地址:http://www.codeinn.net/misctech/220051.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有