也不报任何错误 也不显示任何数据 这是怎么回事？我新建了一个组件也是这样

<template>
  <div class="index">
    ssssssss
  </div>
</template>

<script>
export default {
  name: 'Test',
  data () {
    return {
    }
  }
}
</script>

<style scoped>

</style>

import Index from '@/views/Index'
import Test from '@/views/Test'

Vue.use(Router)

const router = new Router({
  // mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Index',
      component: Index
    },
    {
      path: '/test',
      name: 'Test',
      component: Test
    },
  ]
})

我在下面APP.vue页面添加数据会显示出来 但是在组件里面添加数据就显示不出来

<template>
  <div id="app">
    hhhhhhh
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
</style>