Vue生命周期

初始化阶段

父的 beforeCreate -> 父的created -> 父的beforeMount -> 子的全部流程 -> 父的mounted

子组件更新阶段

如果仅仅是子组件内部的状态的变化就只会触发子组件的 beforeUpdate 和 updated

但是如果 是父组件通过props传递的值是一个状态,而在父组件当中该状态发生了变化,父子的更新都会触发,执行顺序

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

销毁阶段

只有子组件销毁的阶段

父beforeUpdate -> 子的beforeDestroy->子destroyed->父的updated

父组件销毁的阶段

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

beforeCreate //初始化之前
created//实例创建完成之后
beforeMount//挂载之前
mounted//挂载之后
beforeUpdate//更新之前
updated//更新之后
activated//keep-alive 缓存的组件激活
deactivated//keep-alive 缓存的组件失活 
beforeDestroy//组件销毁之前
destroyed//组件销毁之后

 

posted @ 2022-07-21 21:58  健生  阅读(64)  评论(0)    收藏  举报