vue那个生命周期函数操作dom_vue生命周期实例小结

本文实例分析了vue生命周期。分享给大家供大家参考，具体如下：

每个Vue实例都存在完整的生命周期，经历从创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程。如下图所示

vue的完整生命周期可分为三个阶段：初始化阶段、运行阶段和销毁阶段。共存在很多钩子函数，他们在vue生命周期不同的阶段进行操作,列举如下：

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

beforeDestroy

destroyed

beforeCreate

通过new Vue() 创建vue实例，vue的生命周期便拉开了序幕，首先会执行beforeCreate钩子函数。此时的vue实例只是一个空壳，还未挂载DOM元素，无法访问到数据和真实的dom，一般不做操作。

created

这个时候已经可以使用到数据，也可以更改数据，在这里更改数据不会触发updated函数和不会触发其他钩子函数，一般可以在这里做初始数据的获取。

beforeMount

在这个函数中虚拟dom已经创建完成(马上就要渲染)，这里也可以更改数据，不会触发updated，在这里可以在