iT邦幫忙

2021 iThome 鐵人賽
DAY 4
0
Modern Web

Nuxt 與全新的 Vue 3.0系列 第 4 篇

未知的第四天 -新增頁面

13th鐵人賽
447 瀏覽

  • 分享至 

  • xImage
    •  

在 Nuxt.js 中，我們建立路由不必再自己撰寫虛擬路由了，直接建立在 page 內即可

https://ithelp.ithome.com.tw/upload/images/20210918/201094034O8J0ZxPun.png

若是要使用動態路由，我們可以透過 name.vue 來建立一個會接收 name 此參數的頁面

https://ithelp.ithome.com.tw/upload/images/20210918/20109403Sc8TKmit4l.png

這樣我們就可以一個靈活且易讀的結構囉~


上一篇
未知的第三天 - Nuxt 初始化
系列文
Nuxt 與全新的 Vue 3.0 共 4 篇
  1. 1
    未知的第一天 - 行程整理
  2. 2
    未知的第二天 - Nuxt 的出現
  3. 3
    未知的第三天 - Nuxt 初始化
  4. 4
    未知的第四天 -新增頁面
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙