如何通过路由器链接到名为Vue.js的子组件

// main.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import VueComponent from './components/VueComponent.vue'

Vue.use(VueRouter)

const routes = [
  { path: '/vue', component: VueComponent }
]

const router = new VueRouter({
  routes
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

<!-- App.vue -->
<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

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

<!-- VueComponent.vue -->
<template>
  <div>
    <h1>This is the Vue.js Subcomponent</h1>
    <!-- 子组件的具体内容 -->
  </div>
</template>

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