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//组件销毁之后

浙公网安备 33010602011771号