Nuxt3 - 在運行時改變「環境變數」env 環境變數的設定,通常是為為了 server 而設定的,能快速的切換狀態,但現在的網頁開始,前端的範圍逐漸往後端靠近,所以在設定,也會有 client 的變數會想要在 .env 的情況。此篇就是以 nuxt 為實作,分享此內容
前端架構
最常見的 front 架構,就是把專案 buil [Nuxt3] 如何支援 iOS13 InApp WebView前言
近期用 Nuxt3 開發內嵌於 iOS、Android App 的網頁,並且要支援到 iOS13 版本。
測試時發現 Nuxt3 在 iOS13 功能會無法正常執行,因此順手記錄這個踩坑過程…XD
第一坑 Nuxt3 Announcing
Nuxt 3 officially suppo Nuxt3 使用 useFetch 取得數據Nuxt3中可使用useFetch來獲取數據,不須再引用axios,相當方便:
本筆記參考:
https://juejin.cn/post/7104071421160063012
https://juejin.cn/post/7086472647575339045
Nuxt 3 動態路由比如點了商品詳細資料,會導到商品詳細資料頁面並帶上id,或者點了商品分類,將類別id帶過去抓出該類別的商品資料等等。
巢狀路由用法:
同一層page帶動態參數用法:
跳轉頁面可直接使用nuxt-link
若是要用類似v-to的用法來存取v-for的變數,要用:to
本筆記參考:
https://it Nuxt 3 安裝與入門安裝Node.js
使用nuxi建立nuxt 3 專案:
3. 進入專案目錄後,安裝相關套件:
4. 啟動nuxt:
跟Nuxt 2用法一樣,新增一個元件放到components資料夾中,可以直接引用:
pages用法也一樣,這邊把app.vue改放到pages下,改成index.vue,然後新增一