如何在vue.js中使用视图路由器来渲染这个子组件？

npm install vue-router

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // 在这里配置路由映射关系
  ]
})

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

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Home
    },
    {
      path: '/about',
      component: About
    }
  ]
})

<template>
  <div>
    <router-view></router-view>
  </div>
</template>