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