参考コード

  • vue-router を dependency に追加する
  • router.js に routing の設定を書く（今回のソースはまだ途中。追記していく。）
  • router.js から new Router で作成した router を export default する
  • main.js で router.js の router を読み込む
  • new Vue({}) に router を追加し、router が機能するようにする
router.js
import Vue from "vue";
import Router from "vue-router";

// router を使うという宣言
Vue.use(Router);

// routing の設定をする
const router = new Router({});

export default router;
main.js
import Vue from "vue";
import App from "./App.vue";
import router from "./router";

Vue.config.productionTip = false;

new Vue({
  router, // routing の設定を読み込む
  render: h => h(App)
}).$mount("#app");