vue那个生命周期函数操作dom_VUE生命周期函数面试题

什么是 vue 生命周期

vue生命周期是指vue实例对象从创建之初到销毁的过程，vue所有功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。

八个阶段：

1、beforeCreate(创建前),

对应的钩子函数为beforeCreate。此阶段为实例初始化之后，此时的数据观察和事件机制都未形成，不能获得DOM节点。(没有data，没有el)

使用场景：因为此时data和methods都拿不到，所以通常在实例以外使用，可以在这加个loading事件，在加载实例时触发

2、created(创建后)，

对应的钩子函数为created。在这个阶段vue实例已经创建，仍然不能获取DOM元素。(有data，没有el)

使用场景：模板渲染成html前调用，此时可以获取data和methods，so 可以初始化某些属性值，然后再渲染成视图，异步操作可以放在这里，初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用

3、beforeMount(载入前),

对应的钩子函数是beforeMount，在这一阶段，我们虽然依然得不到具体的DOM元素，但vue挂载的根节点已经创建，下面vue对DOM的操作将围绕这个根元素继续进行；beforeMount这个阶段是过渡性的，一般一个项目只能用到一两次。(有data，有el)

4、mounted(载入后)ÿ