深入理解Vue父子组件生命周期执行顺序及钩子函数

2020-06-13 10:47:43易采站长站整理
this
上下文到实例中,所以不能使用箭头函数来定义一个生命周期方法(例如
created: () => this.fetchTodos()
)。这是导致this指向父级。

5、 小结

加载渲染过程

  

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

子组件更新过程

  父beforeUpdate->子beforeUpdate->子updated->父updated

父组件更新过程

  父beforeUpdate->父updated

销毁过程

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

总结

以上所述是小编给大家介绍的Vue父子组件生命周期执行顺序及钩子函数,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!