Question

vue生命周期是什么，有什么作用

Answer 1

我们知道 vue 是通过构建数据驱动的web界面的渐进式框架
所谓周期就是指从一个起点到一个终点的过程，那么生命周期就是指从生命开始到生命结束的过程
从而可以理解vue生命周期就是指vue实例从创建到销毁的过程
使用vue时， 用到所有功能都是围绕vue生命周期实现的，在生命周期的不同阶段调用对应的钩子函数来实现组件数据管理和DOM渲染两大重要功能

1、 beforeCreate ：这个阶段实例已经初始化，只是数据观察与事件机制尚未形成，不能获取DOM节点 （没有data，没有el）
使用场景：因为此时data和methods都拿不到，所以通常在实例以外使用
2、 created ：实例已经创建，仍然不能获取DOM节点 （有data，没有el）
使用场景：模板渲染成html前调用，此时可以获取data和methods，so 可以初始化某些属性值，然后再渲染成视图，异步操作可以放在这里

1、 beforeMount ：是个过渡阶段，此时依然获取不到具体的DOM节点，但是vue挂载的根节点已经创建 （有data，有el）
2、 mounted ：数据和DOM都已经被渲染出来了
使用场景：模板渲染成html后调用，通常是初始化页面完成后再对数据和DOM做一些操作，需要操作DOM的方法可以放在这里

1、 beforeUpdate ：检测到数据更新时，但在DOM更新前执行
2、 updated ：更新结束后执行
使用场景：需要对数据更新做统一处理的；如果需要区分不同的数据更新操作可以使用$nextTick

1、 beforeDestroy ：当要销毁vue实例时，在销毁前执行
2、 destroyed ：销毁vue实例时执行