vue获取dom高度_vue 基础-生命周期 lifecycle 的执行顺序和作用

前言

《vue 基础》系列是再次回炉 vue 记的笔记，除了官网那部分知识点外，还会加入自己的一些理解。(里面会有部分和官网相同的文案，有经验的同学择感兴趣的阅读)

平时开发中，我真的不太使用生命周期相关的方法。但必须明确的是，生命周期在整个 vue 具有非常重要的作用，如果你了解它将对理解整个 vue 会更容易；同时在遇到问题时也能有个导向性的判断。

此篇简单说下生命周期的过程，以及方法调用。

生命周期的整个过程

借用 vue 官网的图，仔细全览下基本就对生命周期的过程有个粗略的认识了。

我这里没必要重复细说了，按我自己理解讲这个过程：

1. new 一个 Vue 实例
2. 初始化 event($on、$off 等) 和 lifecycle
3. 触发钩子 beforeCreate
4. 初始化 inject、data、computed、watch、provide