title: Vue nested route not rendered
body: <p>I have a nested route that is not rendering and throws an error:</p>
  
  <pre><code>vue.esm.js?efeb:571 [Vue warn]: Failed to mount component: template or render function not defined.
  
  found in
  
  ---&gt; &lt;BlEditOrder&gt;
         &lt;BlOrders&gt; at src\components\orders\Orders.vue
           &lt;VContent&gt;
             &lt;VApp&gt;
               &lt;App&gt; at src\App.vue
                 &lt;Root&gt;
  </code></pre>
  
  <p><strong>Routes:</strong></p>
  
  <pre><code>{
        path: '/orders',
        name: 'orders',
        component: Orders,
        beforeEnter: Auth,
        children: [
          { path: '', component: OrdersList },
          {
            path: 'new',
            name: 'newOrder',
            component: NewOrder
          },
          {
            path: ':id',
            name: 'editOrder',
            component: EditOrder,
            props: true
          }
        ]
      }
  </code></pre>
  
  <p><strong>EditOrder.vue:</strong></p>
  
  <pre><code>&lt;template&gt;
  &lt;h1&gt;Edit Order&lt;/h1&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    name: 'blEditOrder',
    props: ['id'],
    data: function() {
      return {
      }
    },
    created() {
      console.log('this.id', this.id);
    }
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Orders.vue</strong></p>
  
  <pre><code>&lt;template&gt;
    &lt;router-view&gt;&lt;/router-view&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    name: 'blOrders',
    data: function() {    
      return {}
    },
    methods: {}
  }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p><code>OrdersList</code> is rendering just fine, but when i go to <code>order/new</code> or <code>orders/1234</code> i get the above mentioned error.</p>
  
  <p>I do see the log statement, it logs 1234.</p>
  
  <p>I have no idea what's wrong :(</p>