今天目標是希望能把單頁 App 變成「小型多頁網站」：Home（任務清單）＋ About（使用說明）
於是我做了以下幾步：
1.安裝 vue-router@4，建立 src/router/index.js

2.在 main.js 掛上 .use(router)

3.把 App.vue 改成「外框 + 導覽 + 」

4.新增 Home.vue（放任務清單全部邏輯）、About.vue（使用說明）

5.修掉重複渲染與空白太大的問題，導覽加上分隔符

在歷經多次調整和修改後，今天最中成果長這樣：

快速驗收:可以看到導覽可在「首頁｜使用說明」之間做切換；也可以直接輸入 …/about 就會顯示 About；要是亂打路徑會導回 /（你在 router 有設定 redirect）；首頁任務的 新增 / 勾選 / 刪除，既使在重新整理後，仍在（localStorage）；Header 與清單間距、導覽分隔符都也已經相對的調整到位，今天透過把 App.vue 當成舞台、Router 當路標、RouterView 當舞台轉盤，頁面元件就像不同布景。今天把任務邏輯搬到 Home.vue，讓結構更乾淨；再加 About.vue，網站正式從「單頁玩具」升級成「可擴充的小型應用」。實在是非常有成就感！現在我的網站不只有一頁，讓整體的專業度又上升了一個層次！雖然今天做完分頁感覺網頁還是偏樸實單調，但也算完成了今天原先所設計的目標，期待明天或之後，可以找時間把這個網站設計得漂亮一點！