vue生命周期有多少个阶段


这篇文章给大家分享的是有关vue生命周期有多少个阶段的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 免费云主机域名 vue的生命周期共有八个阶段,分别是:1、实例创建前;2、实例创建后;3、实例载入前;4、实例载入后;5、实例更新前;6、实例更新后;7、实例销毁前;8、实例销毁后。本文操作环境:windows10系统、Vue2.9.6版,DELL G3电脑。每个Vue实例在创建时都会经过一系列的初始化过程,vue的生命周期钩子,就是说在达到某一阶段或条件时去触发的函数,目的就是为了完成一些动作或者事件create阶段:vue实例被创建beforeCreate: 创建前,此时data和methods中的数据都还没有初始化created: 创建完毕,data中有值,未挂载mount阶段: vue实例被挂载到真实DOM节点beforeMount:可以发起服务端请求,去数据mounted: 此时可以操作DOMupdate阶段:当vue实例里面的data数据变化时,触发组件的重新渲染beforeUpdate :更新前updated:更新后destroy阶段:vue实例被销毁beforeDestroy:实例被销毁前,此时可以手动销毁一些方法destroyed:销毁后组件生命周期生命周期(父子组件) 父组件beforeCreate –> 父组件created –> 父组件beforeMount –> 子组件beforeCreate –> 子组件created –> 子组件beforeMount –> 子组件 mounted –> 父组件mounted –>父组件beforeUpdate –>子组件beforeDestroy–> 子组件destroyed –> 父组件updated加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted挂载阶段 父created->子created->子mounted->父mounted父组件更新阶段 父beforeUpdate->父updated子组件更新阶段 父beforeUpdate->子beforeUpdate->子updated->父updated销毁阶段 父beforeDestroy->子beforeDestroy->子destroyed->父destroyed感谢各位的阅读!关于“vue生命周期有多少个阶段”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

相关推荐: CSS如何配置表单的名目

这篇文章主要讲解了“CSS如何配置表单的名目”,文中的讲解内容简单清晰,易于学习与理解免费云主机域名,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS如何配置表单的名目”吧! 属性决议器在为不带有 class 或 id 的表单设置装备摆设名堂时额外有…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/30 07:37
下一篇 03/30 08:01

相关推荐