父子组件中先加载哪个组件模板

Posted

技术标签:

【中文标题】父子组件中先加载哪个组件模板【英文标题】:which component template is loaded first among parent and child component 【发布时间】:2019-03-02 04:02:39 【问题描述】:

我有 2 个组件父组件和子组件

在父组件模板中我使用的是子组件的选择器。

在本地服务器上运行应用程序后首先加载哪个组件模板

哪个组件的constructor()和ngOnInit()会先被执行?

当我调试它时,它以以下方式执行

1) 父级的构造函数()

2)子的constructor()

3)ngOnInit() 父级

4) 子的 ngOnInit()

【问题讨论】:

你的问题是什么? 我的问题是,调用了备用构造函数,我的意思是第一个父母,然后是孩子的组件构造函数,所以在模板的情况下加载了哪个模板? 【参考方案1】:

是的。你提到的顺序是正确的。

【讨论】:

【参考方案2】:

是的, 总是先加载父组件,因为子组件是父组件的一部分,它不能在父组件之前加载

【讨论】:

以上是关于父子组件中先加载哪个组件模板的主要内容,如果未能解决你的问题,请参考以下文章

vue学习之父子组件通信两种方法

Vue父子组件之间的传值

Vue父子组件之间的传值

Vue父子组件通信实践

03组件化开发父子组件通信

Angular框架中的父子组件通信传递异步的数据接收值异常的问题(Async Data)