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

react：父组件将要挂载（componentWillMount）
            子组件将要挂载（componentWillMount）
            子组件挂载完毕（componentDidMount）
            父组件挂载完毕（componentDidMount）

import React, { Component } from "react";
class Test extends Component {
  componentWillMount() {
    console.log("子组件将要挂载");
  }
  componentDidMount() {
    console.log("子组件挂载完毕");
  }
  render() {
    return <p>{this.props.index}</p>;
  }
}

export default class TestPanel extends Component {
  componentWillMount() {
    console.log("父组件将要挂载");
  }
  componentDidMount() {
    console.log("父组件挂载完毕");
  }
  render() {
    return (
      <div>
        <Test index={1} />
        <Test index={2} />
        <Test index={3} />
      </div>
    );
  }
}

vue：

 

Vue单组件与父子组件的生命周期参考：https://www.jianshu.com/p/1599901cf9a5