Order of routing template

application.route.js

import Ember from 'ember';

export default Ember.Route.extend({
  activate() {
    document.body.classList.add('standard');
  }
});

application.template.hbs

<header class="container-fluid">
  <h1>Ember Sandbox</h1>
</header>

<hr>

<main class="container-fluid">
	{{outlet}}
</main>

index.route.js

import Ember from 'ember';

export default Ember.Route.extend({
});

index.template.hbs

{{link-to "开始测试" "parent.child"}}

parent.child.route.js

import Ember from 'ember';

export default Ember.Route.extend({
  renderTemplate() {
    this._super(...arguments)
    alert('rendering child')
  }
});

parent.route.js

import Ember from 'ember';

export default Ember.Route.extend({
  renderTemplate() {
    this._super(...arguments)
    alert('rendering parent')
  }
});

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('parent', function() {
    this.route('child')
  })
});

export default Router;

styles.app.css

*, *::before, &::after {
  box-sizing: border-box;
}

strong {
  color: red;
  font-size: 1.2rem;
}

twiddle.json

{
  "version": "0.10.5",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": true,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js",
    "hack": "//cdnjs.cloudflare.com/ajax/libs/hack/0.7.7/hack.css",
    "standard": "//cdnjs.cloudflare.com/ajax/libs/hack/0.7.7/standard.css",
    "ember": "2.9.0",
    "ember-data": "2.9.0",
    "ember-template-compiler": "2.9.0",
    "ember-testing": "2.9.0"
  },
  "addons": {
    "ember-composable-helpers": "*",
    "ember-route-action-helper": "*",
    "ember-truth-helpers": "*"
  }
}