Vue.js ルートの名前付けと名前付きビュー

let router = new VRouter({  mode: 'history',  routes: [
    {      path: '/apple',      component: Apple,      //命名路由
      name: 'applePage',
    }
   ......
  ]
})

<router-link :to="{name: &#39;applePage&#39;}" >to apple</router-link>

let router = new VRouter({  mode: 'history',  routes: [
    {      path: '/apple',      //命名视图
      component: {        viewA: Apple,        viewB: RedApple
      },      //命名路由
      name: 'applePage',
    }
   ......
  ]
})

<router-view name="viewA"></router-view>或者<router-view name="viewB"></router-view>分别插入不同的视图