参考コード

  • new Router({}) の部分でどのパスの時にどのコンポーネントを描画するかを定義する
  • App.js に <router-view/> を配置する
  • この部分がパスに合わせて切り替わる
  • Top, About は適当に作ってください
router.js
const router = new Router({
  mode: "history",
  // どのパスの時に
  // どのコンポーネントを表示するか
  routes: [
    {
      path: "/",
      component: Top
    },
    {
      path: "/about",
      component: About
    }
  ]
});
App.js
<template>
  <div>App
    <!-- この部分が切り替わる -->
    <router-view/>
  </div>
</template>