前言

因為最近正在把自己在公司用的小工具 - Announcer(Base on Node.js)中的前端抽離出來，而也剛好在前一陣子參加了 Vue.js 社群聚會得知 Vue 3 可以開始試玩，那 side project 當然就是第一個試水溫的地方啦！但可能太久沒用 Vue 來處理前端的事情讓找錯誤中有點綁手綁腳，因此把整合 3 版 Router 中的一些除錯過程記錄下來 👍

介紹

Init 結束後很直觀的輸入 npm install vue-router，在引入之後就在 src/ 下建立 router 資料夾，接續建立 index.js 並加入以下的內容開始使用 Vue3 Router:

import { createRouter, createWebHistory } from "vue-router";
import HelloWorld from "../components/HelloWorld.vue";
const routerHistory = createWebHistory();

const router = createRouter({
  history: routerHistory,
  routes: [
    {
      path: "/liff/template",
      component: HelloWorld,
    },
  ],
});

export default router;

#[object object] #vue