Vue相关，vue父子组件生命周期执行顺序。

<template>
  <div id="parent">
    <child></child>
  </div>
</template>

<script>
import child from ‘./components/child‘
export default {
  name: ‘parent‘,
  components: {
    child
  },
  beforeCreate() {
    console.log(‘I am parents beforeCreated‘);
  },
  created() {
    console.log(‘I am parents created‘);
  },
  beforeMount() {
    console.log(‘I am parents beforeMount‘);
  },
  mounted() {
    console.log(‘I am parents mounted‘);
  }
}
</script>

<template>
  <div class="child">
    child
  </div>
</template>

<script>
export default {
  name: ‘child‘,
  beforeCreate() {
    console.log(‘I am child beforeCreated‘);
  },
  created() {
    console.log(‘I am child created‘);
  },
  beforeMount() {
    console.log(‘I am child beforeMount‘);
  },
  mounted() {
    console.log(‘I am child mounted‘);
  }
}
</script>