Vue2.0学习——生命周期、钩子函数

最新推荐文章于 2022-10-26 13:51:42 发布

啦啦啦987321

最新推荐文章于 2022-10-26 13:51:42 发布

阅读量588

点赞数

分类专栏： vue知识要点文章标签： vue 生命周期钩子函数 vue2.0 前端

本文链接：https://blog.csdn.net/qq_36575992/article/details/80336368

版权

本文详细介绍了Vue2.0的组件生命周期，包括created、mounted等关键阶段，并通过实例演示了各钩子函数的作用，帮助读者深入理解Vue组件的创建、更新和销毁过程。

摘要由CSDN通过智能技术生成

Vue的生命周期就像人的一生，从出生、儿童、青年、中年、老年到死亡，经历不同过程，Vue的组件也会经历从创建到更新或销毁的过程，而钩子函数，就是把不同的任务挂到不同的阶段，如ajax获取数据就可以在mounted阶段。下面结合网上一些学习到的东西综合自己的见解简述一下这部分内容。

Vue生命周期

vue生命周期

Vue生命周期钩子函数Vue1.0+和Vue2.0对比

上面两张图片分别是VueJs官网文档中对于组件生命周期的说明和Vue1.0+和Vue2.0钩子函数的对比。讲上面的内容简化一下，可以得到如下这张简化版的：

看起来简单更加清晰了一些。

为了更加直白的理解，网上有一段测试代码，通过控制台输出的方式清晰地把每一个钩子函数一一展现，对理解很有用处，下载搬过来用一下以便加深记忆。

<!DOCTYPE html>
<html>
<head>
  <title>Vue2.0生命周期与钩子函数</title>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js">&

关注