浅谈Vue中的生命周期

生命周期

组件从创建到销毁经历的一系列过程叫做组件的生命周期

vue在整个生命周期提供了一些函数，可以在内部实现一些业务逻辑，并且这些函数会在特定的场合下执行。(生命周期的某一时期进行触发)

组件的生命周期 钩子函数 大概分为三个阶段：初始化，运行中，销毁

1. 初始化阶段：beforeCreate() created() beforeMount() mounted()

2. 运行中：beforeUpdate() updated()

3. 销毁：beforeDestroy() destroyed

生命周期的一个经历过程

1. 一个组件或者实例的生命周期都是从new开始的

2. 实例化之后，内部会做一些初始化事件与生命周期有关的配置

3. 这个钩子函数初始化阶段就会触发执行
4. created钩子函数代表已经挂载完毕，已经可以去到数据，但是真实dom还是没有渲染出来
5. 接下来的过程，就是组件和实例各自查找模板，去将其编译成虚拟dom
6. beforeMount代表真实dom树马上要被渲染出来了，不过页面上还没有生成真实的dom
7. mounted钩子函数是初始化阶段的最后一个钩子函数
8. 初始化的时候是不执行运行中的钩子函数的
9. updated是dom获取的数据内容是更新之后的内容
10. 当组件销毁时，才会触发这此方法
11. 销毁结束后，执行销毁阶段的destroyed钩子函数

介绍一下beforeDestroy的作用

比如在初始化阶段中的created钩子函数中定义一个定时器，当我们销毁组件时，定时器还是在执行，造成了极大的性能问题，我们可已在销毁阶段的beforeDestroy钩子函数中进行定时器的清除

 

这次是真的弟弟，整理好了markdown，可是没提前了解过怎么传，属实难顶，以上如有出入，希望点出，定加以改正