Quasar 學習筆記 Ep 02 - Vue 與 Quasar 的路由介紹
Vue 與 Quasar 的路由介紹 在前一篇分享中，我分別使用 vue create 與 quasar create 內定選項建立了兩個專案，請保留這兩個專案，我們在後面的分享會用到。由 vue 建立的專案，是一個 SPA (Single Page Application)， 而由Quasar 建立的專案，由於有 Drawer 選單，所以可以視為一個 MPA (Multiple Page Application) 多頁式應用程式。 如果是一個多頁式應用程式，我們該如何控制在不同的網頁中切換呢？就必須使用 Vue Router來控制。接下來，我就來介紹 Vue Router 的用法。 今天分享的內容會包含： 用 Vue CLI 建立一個多頁式應用程式 Vue Router 介紹 以 Quasar CLI 建立一個多頁式應用程式 Hash Mode 與 History Mode 的差異 新增 About, News 兩個子網頁 用 Vue 建立一個多頁式應用程式 先執行 power shell 或 cmd，進入 projects 目錄，在 cmd 中輸入 vue create hellovue2，但這次不要用 Default 選項，選擇手動。 Vue CLI v4.5.15 ? Please pick a preset: Default ([Vue 2] babel, eslint) Default (Vue 3) ([Vue 3] babel, eslint) > Manually select features 按下 Enter 之後，會出現下面的選單： Vue CLI v4.5.15 ? Please pick a preset: Manually select features ? Check the features needed for your project: (*) Choose Vue version (*) Babel ( ) TypeScript ( ) Progressive Web App (PWA) Support >(*) Router ( ) Vue...