Vue父组件mounted执行完后后再执行子组件mounted

• 需求背景
• 深入分析
• • 父子组件生命周期执行顺序
• 解决办法
• [拓展]生命周期执行顺序

需求背景

我们在父组件中的 生命周期钩子函数中执行百度地图的初始化创建；

在子组件的 中，调用接口，将数据坐标点添加到地图上。

现在这样可能会报错，因为父组件中的 还没创建成功。必须确保父组件的 创建完成，才能使用 的方法。

那么，现在的问题是：如何保证父组件 结束后再进行子组件 /strong>

深入分析

你需要了解父子组件生命周期的执行顺序

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

父组件先进行创建，在挂载()前，子组件进行创建+挂载，子组件挂载完成后父组件挂载。
整个顺序就是：

可以看出是先子组件 之后父组件 ，那么，如何实现父组件 完毕后再子组件 呢/p>

解决办法

【思路】 通过打印 发现，有一个 属性，表示当前是否挂载完毕（：挂载完毕，：没有挂载完成），在父组件挂载前将 存在 中，挂载后更新 。在子组件 中添加定时器，根据 判断是否执行初始化方法。

[拓展]生命周期执行顺序

• 子组件更新过程

• 父组件更新过程

• 销毁过程

—————–(正文完)——————

前端学习交流群，想进来面基的，可以加群：

写在最后：约定优于配置 —— 软件开发的简约原则
——————————–(完)————————————–

我的：
个人网站： https://neveryu.github.io/neveryu/
Github： https://github.com/Neveryu
新浪微博： https://weibo.com/Neveryu

更多学习资源请关注我的新浪微博…

文章知识点与官方知识档案匹配，可进一步学习相关知识Vue入门技能树Vue组件全局与局部组件22994 人正在系统学习中

来源：Never Yu