vue生命周期详解

vue生命周期详解

本文可能比较长 不了解生命周期的必须看下这篇
首先说下人的生命周期
生命周期顾名思义啊—>指的就是人从生下来到老去的一个过程

• 生下来
• 学会说话，学会吃饭，学会走路
• 上幼儿园，上小学，上初中，上高中
• 上大学
• 开始找工作
• 开始苦逼的一生
• 直到老去
• 挂掉了
  下文中的回调可以用人来解释下
  当你到达某一年龄的时候妈妈会告诉你，现在该上学了

这就是人的一生，那vue的生命也是类似的
正题开始
从你new vue实例的时候vue就出生了
先列出来 生命周期钩子
beforeCreate -> created -> beforeMount -> mounted -> beforeUpdate -> updated
->beforeDestroy -> destroyed

那么生命周期的意义是什么
比如说现在到了mounted 那么源码里的callHook 就会来回调你该把编译好的html代码去替换掉el指向的dom
这是示例


下面是可能问道的一些问题（来自于博客园的：albert彭）
1.什么是vue生命周期？
答： Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。

2.vue生命周期的作用是什么？
答：它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。

3.vue生命周期总共有几个阶段？
答：它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后。

4.第一次页面加载会触发哪几个钩子？
答：会触发 下面这几个beforeCreate, created, beforeMount, mounted 。

5.DOM 渲染在 哪个周期中就已经完成？
答：DOM 渲染在 mounted 中就已经完成了。
文本中部分内容摘要于某站coderwhy