vue-cli 與 vue router

vue router 頁面架構 (依巢狀路由)

• 前台首頁
  • 關於頁面
  • 產品列表頁
  • 購物車列表
• 後台管理頁面
  • 管理後台的產品頁面
  • 管理優惠券頁面
• 404

相關套件

• vue-cli。
• vue-loading-overlay。
• vue router。
• axios 與 vue-axios 套件。

製作內容

• 完成路由設定，並可瀏覽所有頁面。
• 前台顯示完整的產品列表，並可進入產品頁面。
• GitHub Pages 與 vue-cli 絕對路徑設定。

專案指令

// 安裝 package.json 套件
npm install

// Compiles and hot-reloads for development
npm run serve

// Compiles and minifies for production
npm run build

// Lints and fixes files
npm run lint