首页 > 编程知识 正文

vue的生命周期方法有哪些,vue常用的生命周期

时间:2023-05-06 15:01:57 阅读:11529 作者:4350

简要介绍vue生命周期。 vue生命周期分为三个阶段3360(1)初始化阶段1。 首先运行生命周期函数。 请注意,只是在运行此函数时vue实例完成内部事件并使用生命周期方法进行初始化

beforecreate{}2.2.运行第二个生命周期函数。 请注意,当:运行此函数时,vue实例已完成了自定义data、methods和computed等属性的初始化和语法检查

请注意,运行created{}3.3的第三个生命周期函数:只是在运行此函数时vue实例将el属性指向的html编译到vue模板中,而没有完成模板内容的分配

运行eforemount{4}4.4的第四个生命周期函数注意事项:在运行该函数时将vue实例渲染到编译了数据的模板以形成虚拟dom,并指向dom而不是el

在mounted () (2)运行阶段第5.5个运行的生命周期函数注意事项:在运行此函数时会更改vue实例的data数据,但页面上的数据保持原始数据

请注意,运行beforeupdate{}6.6的第三个生命周期函数:在运行此函数时与vue实例中的data数据和页面中的数据匹配

update () )销毁阶段7.7执行的第七个生命周期方法注意:执行此函数时,vue实例只是开始销毁data methods …

运行eforedestroy{}8.8的第三个生命周期方法:执行此函数时,将销毁vue实例上所有数量的事件子组件监听器监听机制

dstroyed{}本地组件的生命周期也差不多

beforeCreate ()、//组件将开始初始化,组件本身的时间和生命周期函数、created )、//组件和相关数据方法(如data methods computed ) 指向模板中用于html编译的vue模板,此时,模板中内容的渲染mounted, //template中的html编译模板渲染为编译模板,并将渲染完毕的数据替换为内存中的虚拟dom,成为dombeforeUpdate,//组件中的data数据在这种情况下,页面中的数据将在原始数据update,//此时,在销毁页面中数据与data数据匹配的beforeDestroy,//vue实例之前触发方法destroyed。

感谢活泼的懒惰的老师

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。