vue生命周期

什么是vue生命周期
vue实例从创建到销毁的过程,就是生命周期。具体就是从开始创建、初始化数据、编译模板、挂载DOM→渲染、更新→渲染、卸载等一系列过程。

vue生命周期的作用是什么?
生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程中更容易形成好的逻辑

vue生命周期总共有几个阶段?
总共可以分8个阶段:创建前/后、载入前/后、更新前/后、销毁前/后

第一次页面加载会触发哪几个钩子?
第一次页面加载时会触发beforeCreate、created、beforeMount、mounted这几个钩子

请列举出3个Vue常用的声明周期钩子函数
created:实例已经创建完成之后调用,在这一步,实例已经完成数据观测、属性和方法的运算,watch、event事件回调,然而,挂载阶段还没有开始,el属性目前还不可见 mounted:el被新创建的vm.el替换,并挂载到实例上去之后调用该钩子,如果root实例挂在了一个文档内元素,当mounted被调用时vm.$el也在文档内。
activated:keep-alive组件激活时调用

Vue有几个生命周期?哪个生命周期可以获取到真实DOM?修改data里面的数据,会触发什么生命周期?
简单来说,vue的生命周期可以归为3类,创建阶段、运行阶段、销毁阶段。
创建阶段
beforeCreate:实例刚在内存中创建出来,还没有初始化 data和 methods,只包含一些自带额生命周期函数。
created:实例已经在内存中创建完成,此时data和methods已经创建完成。
beforeMount:此时已经编译模版,但没有渲染到页面中。
mounted:渲染模版,创建阶段到此结束。这时候可以操作dom。
运行阶段
beforeUpdate:界面中的数据还是旧的,但是data数据已经更新,页面中和data还没有同步。修改data数据就会触发这个函数。
updated:页面重新渲染完毕,页面中的数据和data保持一致。修改data数据就会触发这个函数。
销毁阶段
beforeDestroy:执行该方法的时候,Vue的生命周期已经进入销毁阶段,但是实例上的各种数据还出于可用状态。
destroyed:组件已经全部销毁,Vue实例已经被销毁,Vue中的任何数据都不可用

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容