vue 如何控制组件初始与销毁_beforeDestroy：vue（组件）对象销毁之前

最近一直在学习Vue，而vue生命周期是我们不可能绕开的一个很核心的知识点，今天来简单的梳理一下大概的内容。

一、钩子函数

在一开始学习的时候，总有钩子函数这个名词冒出来，而且在vue官网文档中也频繁出现，也相信给很多初学者带来了困扰。那到底什么是钩子函数呢？

按我个人的理解，钩子函数就是一个函数，他最大的特点就是在生命周期执行流程中去执行的。 钩子函数钩子函数，就是挂载一些东西的，我们把需要实现的一些功能代码写在对应的钩子函数中，当生命周期在执行的时候，就能执行我们挂载的代码。

钩子函数的实现，基本原理就是callback，回调函数。

二、vue生命周期图示(注释)

原图是从vuejs官方文档上拷下来的，自己用ps写了一点注释。

三、vue生命周期详细解析

1. 实例化vue(组件)对象：new Vue()

2. 初始化事件和生命周期 init events 和 init lifecycle

3. beforeCreate函数：

在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。

即此时vue(组件)对象被创建了，但是vue对象的属性还没有绑定，如data属性，computed属性还没有绑定，即没有值。此时还没有数据和真实DOM。属性还没有赋值，也没有动态创建template属性对应的HTML元素(二阶段的createUI函数还没有执行)

4. 挂载数据(属性赋值)

包括 属性和c