Nuxt
#Nuxt含有「Nuxt」共 7 篇內容
全部內容
發佈日期由新至舊
Nuxt3 使用 useFetch 取得數據Nuxt3中可使用useFetch來獲取數據，不須再引用axios，相當方便:
本筆記參考:
https://juejin.cn/post/7104071421160063012
https://juejin.cn/post/7086472647575339045
發佈在
Vic Lin的沙龍
2023-03-10
3
Nuxt 3 動態路由比如點了商品詳細資料，會導到商品詳細資料頁面並帶上id，或者點了商品分類，將類別id帶過去抓出該類別的商品資料等等。
巢狀路由用法:
同一層page帶動態參數用法:
跳轉頁面可直接使用nuxt-link
若是要用類似v-to的用法來存取v-for的變數，要用:to
本筆記參考:
https://it
發佈在
Vic Lin的沙龍
2023-03-10
0
Nuxt 3 安裝與入門安裝Node.js
使用nuxi建立nuxt 3 專案:
3. 進入專案目錄後，安裝相關套件:
4. 啟動nuxt:
跟Nuxt 2用法一樣，新增一個元件放到components資料夾中，可以直接引用:
pages用法也一樣，這邊把app.vue改放到pages下，改成index.vue，然後新增一
發佈在
Vic Lin的沙龍
2023-02-17
3
Nuxt.js 入門1. 安裝node.js
2. 建立專案:
接著會詢問一些初始化設定的東西，按照需求選擇即可:
3. 執行
打開http://localhost:3000/ 即可看到畫面。
pages
Nuxt.js會自動配置pages中每一個.vue檔案的route。
假設在pages資料夾下新增一個如下內容的a
發佈在
Vic Lin的沙龍
2023-02-17
1