我是 Nuxt 開發平臺的新手,主要在 Vue(v2) 中作業。
在深入研究檔案并在本地進行了一些實驗后,我仍然需要弄清楚一些事情:
- 在靜態生成模式下,每個頁面是否都有自己的 Vue 應用程式實體?也就是說,從服務器請求的每個預渲染頁面都充當客戶端上的 SPA。
- 如果 #1 為真,每個頁面,實際上,每個應用程式是否都與所有其他頁面和應用程式隔離運行?沒有共享狀態?
- 在 SSG 模式下使用 Vuex 時,每個頁面是否都有自己的 Vuex 存盤,并在服務器上呈現頁面時用初始狀態膨脹?而且,這個狀態會傳遞給客戶端嗎?
- 這家商店在導航到不同的頁面(甚至重繪 當前頁面)時被破壞,被一個新的取代,對嗎?
uj5u.com熱心網友回復:
- 在 SSG 中,每個頁面都提前呈現,但最終會被水化,從而成為 SPA。Nuxt 基本上是 Vue 的增強版,但它仍然是 Vue。
- 不知道你在這里叫什么隔離,你完全可以傳遞道具,使用發射等......同時是的,如果你有頁面,它們不是同時加載的,有代碼拆分 延遲加載 預取。一些資訊可以在這里找到。
- 將 Vuex 與 Nuxt 結合使用時,您可以開箱即用地使用命名空間模塊。你必須
nuxtServerInit預先填充商店是的。順便說一句,您可以閱讀Nuxt 生命周期。但是你沒有一個開箱即用的 Vuex 模塊,這個 IMO 沒有真正的用途。是的,您當然會在客戶端上獲得 Vuex 商店。 - 如果您使用
<a></a>標簽導航到不同的路徑,那么您的 SPA 將被炸毀。如果您正在使用<nuxt-link></nuxt-link>,您將留在 SPA 中,因為 Vue 路由器將進行“導航”。但是,是的,如果您直接在 url 中輸入路徑并使用 按下Enter或重繪 頁面F5,您的整個 SPA 將被取消,所有內容都將從頭開始替換。
我在最新的 Nuxt-nation 上發言,質量并不出眾(對此感到抱歉),但您可能會從中得到一些有趣的東西。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/363064.html
標籤:javascript Vue.js 网络 nuxt.js
