router-view 添加name不能渲染

这样写home组件不能渲染

//router.js
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  }]
  //App.vue
<template>
  <div>
    <router-view name="home"></router-view>
  </div>
</template>

正确写法,添加一个默认路由渲染标签 也就是一个不带name的router-view

<template>
  <div>
    <router-view></router-view>
    <router-view name="home"></router-view>
  </div>
</template>