前端vue的生命周期
时间: 2023-11-20 12:56:21 浏览: 79
前端Vue的生命周期可以分为8个阶段,分别是:
1. beforeCreate:在实例初始化之后,数据观测(data observer)和event/watcher事件配置之前被调用。
2. created:实例已经创建完成之后被调用。在这一步,实例已经完成了数据观测(data observer),属性和方法的运算,watch/event事件回调。但是,挂载阶段还没有开始,$el属性目前不可见。
3. beforeMount:在挂载开始之前被调用。在这一步,模板编译已经完成,但是还没有把编译好的模板渲染到页面上。
4. mounted:在挂载完成之后被调用。在这一步,Vue实例已经把编译好的模板渲染到页面上,$el属性可以访问到,可以进行DOM操作。
5. beforeUpdate:在数据更新之前被调用。在这一步,Vue实例已经更新了数据,但是还没有重新渲染DOM。
6. updated:在数据更新之后被调用。在这一步,Vue实例已经重新渲染了DOM,可以进行DOM操作。
7. beforeDestroy:在实例销毁之前被调用。在这一步,Vue实例仍然完全可用,可以进行一些清理工作。
8. destroyed:在实例销毁之后被调用。在这一步,Vue实例已经完全被销毁,所有的事件监听和子实例也都被销毁。
阅读全文