我看了下官網(wǎng)給的例子，是在script中定義兩個組件，并用template的方式指定內(nèi)容

直接引用vue.js vue-router的情況，可以加載其他頁面的內(nèi)容嗎？
比如我現(xiàn)在有個app.html，我想加載a.html b.html中的內(nèi)容我應(yīng)該如何做？
a,b兩個頁面的內(nèi)容大概如下

<div class="top"></div>
<div class="main">
  <li v-for="item in items">
    {{ item.message }}
  </li>
</div>
<script>
var example1 = new Vue({
  el: '.main',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' }
    ]
  }
})
</script>

還有個問題就是以京東為例，正常的流程是比如有個main組件 在main中Import主頁需要的組件，在將main組件渲染在主頁的div中，比如有個<div id="app"></div>
如果不用webpack vue-cli 只用vue.js router能否實現(xiàn)？