父组件和子组件生命周期执行先后顺序

您所在的位置:网站首页 vue父组件和子组件生命周期钩子执行顺序 父组件和子组件生命周期执行先后顺序

父组件和子组件生命周期执行先后顺序

2024-07-12 14:22| 来源: 网络整理| 查看: 265

首先什么是生命周期

从vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期。

beforeCreate:初始化之前,data和methods的数据还没有初始化 页面重定向

created:初始化之后,data和methods已经初始化,第一个操作data和methods数据的生命周期 接口请求 数据初始化

beforeMounte:虚拟的dom挂载

mounted:真实的dom挂载,第一个可以操作DOM元素的生命周期

beforeUpdate:更新之前,页面的数据是旧的,data里面的数据是最新的,还没有保持一致。

updated:页面的数据和data里面的数据是最新的。执行0次或者更多次

beforeDestroy:销毁之前 清空定时器和页面监听

destroyed:销毁之后

执行先后顺序是

渲染过程

父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted

销毁过程

父 beforeDestroy -> 子 beforeDestroy -> 子 destroyed -> 父 destroyed



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3