问题描述

请问一个组件内部引用了命名视图，在index.js中定义了这个命名视图的router，为什么命名视图显示不出来呢？
浏览器访问的是http://localhost:8080/#/test

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
index.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import test from '@/components/test1'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/test',
      name: 'test',
      components:{
        default:test,
        hello:HelloWorld
      }
    }
  ]
})

test1.vue

<template>
  <div>
    123
    <router-view name="hello"></router-view>
  </div>
</template>

<script>
</script>

<style>
</style>

你期待的结果是什么？实际看到的错误信息又是什么？

期待的结果是页面显示123和HelloWorld.vue文件的内容