Vue.js 預取數據與客戶端渲染

Question

我知道Vue中的ssr（服務端渲染），比如nuxt。 它在serverPrefetch()函數中serverPrefetch()數據並在服務器端呈現內容，然后請求將數據返回給用戶並且他開始下載app.js 。

但是我們是否可以在用戶請求后立即從后端開始加載數據，而不是等待 vue 腳本的下載，並且在所有數據加載之前不停止請求。 所以用戶正在下載app.js ，而我們的服務器正在處理 sql 請求並形成響應。

Answer 1

就Nuxt而言 - 您可以在以下文章中找到有關SSR （和客戶端）選項的非常好的總結。 劇透警報 - 我認為 SSR 仍然是您想要實現的最佳目標。 在Nuxt世界中 - NuxtServerInit和AsyncData是這項工作的AsyncData 。

假設你決定遠離 SSR - 你有什么選擇？

1. 在 Vue 應用程序之前加載並運行一些超輕量級 js，該應用程序將獲取數據並以某種方式與應用程序共享（例如 - 將其保存到本地存儲）。 它真的會提供速度優勢嗎？ 我真的很懷疑，尤其是考慮到 Vue 應用程序在客戶端瀏覽器中緩存時的加載速度。

2. 將后端數據轉儲到服務器響應本身。 我的意思是，您可以預取所有繁重的內容並將其作為 json 編碼對象粘貼到您的頁面中。 這肯定會為初始請求節省一些時間，但是 - 該數據塊有多大？ 會不會讓初始負載過重，破壞初始目的？ 這些是您應該根據您的特定用例回答的問題。