(name指定组件名)，多个组件布置

<div id="app">
    <router-view></router-view>
    <router-view name="left"></router-view>
    <router-view name="main"></router-view>
</div>

var header= {
  template: '
header组件
'
}
var left = {
  template: '
left组件
'
}
var main = {
  template: '
main组件
'
}

var router = new VueRouter({
  routes: [
      {path: '/', components: {
          default: header,
              left: left,
              main: main
          }}
      ]
})