Vue里面父组件嵌套子组件的生命周期

 

最常见的4种状态

1.Creation

2.Mounting

3.Updating

4.Unmouting

 

通常create用来放API的

如果是在Mount是挂载后操作DOM的

 

 

 

我们搞清楚他的生命周期顺序，父组件挂载在app

 

 

 

父组件里面嵌套子组件，父组件使用了v-if操作数据，事件切换按钮

 

 

 

 

 

重点，首先运行出来的顺序

 

 

 

 

 

 

 

下面看点击Toogle child按钮的效果

点击会导致父组件进入更新。

子组件为假（子组件有v-if）,会进入到卸载阶段

 

 

 

 

 

 

 

建议：在嵌套组件的生命周期里面，返回浏览器并且跟踪执行顺序，生命周期不同的方法