当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Vue父子组件生命周期执行顺序及钩子函数的个人理解

Vue父子组件生命周期执行顺序及钩子函数的个人理解

2018年08月12日  | 移动技术网IT编程  | 我要评论
先附一张官网上的vue实例的生命周期图,每个Vue实例在被创建的时候都需要经过一系列的初始化过程,例如需要设置数据监听,编译模板,将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数(回调函数),这给了用户在不同阶段添加自己代码的机会。 1、vue的生命周 ...
  • 加载渲染过程

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

  • 子组件更新过程

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

  • 父组件更新过程

  父beforeUpdate->父updated

  • 销毁过程

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

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网