老生常谈vue的生命周期

一、什么是生命周期

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

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

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

二、生命周期函数

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

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

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

三、生命周期的流程

在这里插入图片描述

四、简单的生命周期代码

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

总结

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

您可能感兴趣的文章:

  • Vue中的生命周期介绍
  • Vue的生命周期一起来看看
  • 一起来学习Vue的生命周期
  • 浅谈vue的生命周期
  • Vue之生命周期函数详解
  • 详解vue生命周期
  • Vue生命周期区别详解
  • 梳理一下vue中的生命周期
  • 对vue生命周期的深入理解
  • 一文带你理解 Vue 中的生命周期
  • vue生命周期的探索
  • Vue js 的生命周期(看了就懂)(推荐)
  • Vue生命周期详解
页面下部广告
分类: