Mount Order

What order do things mount in

by mattoconnell408

HTML

<script src="https://rawgit.com/yyx990803/vue/master/dist/vue.js"></script>
<div id="app">
  <a1>
    <b1>
      <c1></c1>
    </b1>
  </a1>
</div>

Babel + JSX

Vue.component('a1', {
  template: `
  <div>a
    <b1></b1>
  </div>
   `,
   mounted() {
   	console.log('a1');
   }
});

Vue.component('b1', {
  template: `
  <div>b
   <c1></c1>
  </div>
   `,
   mounted() {
   	console.log('b1');
   }
});

Vue.component('c1', {
  template: `
  <div>c</div>
   `,
   mounted() {
   	console.log('c1');
   }
});

new Vue({
  el: '#app',
  mounted() {
    console.log('app')
  }
});