vue、react 父子组件生命周期执行顺序

1. vue

• 加载渲染过程：父 beforeCreate → 父 created → 父 beforeMount → 子1 beforeCreate → 子1 created → 子1 beforeMount → 子2 beforeCreate → 子2 created → 子2 beforeMount → 子1 mounted → 子2 mounted → 父mounted

• 更新（父组件中有属性更新，同时造成子组件属性更新。单独父组件或者子组件更新不涉及顺序）：父 beforeUpdate → 子1 beforeUpdate → 子2 beforeUpdate → 子2 updated → 子1 updated → 父updated

• 销毁：父 beforeDestroy → 子1 beforeDestroy → 子1 destroyed → 子1 beforeDestroy → 子1 destroyed → 父destroyed

2. react

• 加载渲染过程：父 ComponentWillMount -> 父 render -> 子1 ComponentWillMount -> 子1 render -> 子2 ComponentWillMount -> 子2 render -> 子1 ComponentDidMount -> 子2 ComponentDidMount -> 父 ComponentDidMount