【发布时间】:2021-02-19 01:01:35
【问题描述】:
当我第一次加载 Nuxt.js 时,我知道它是 ssr。但我不明白如何使用ssr 加载页面并将其与csr 一起使用。
另外,我想知道asyncData是否只有在csr操作时才有效。 Nuxt.js 是如何工作的?
【问题讨论】:
-
当您提到 csr 时,您的意思是什么?不清楚你的意思。
标签: vue.js nuxt.js server-side-rendering
当我第一次加载 Nuxt.js 时,我知道它是 ssr。但我不明白如何使用ssr 加载页面并将其与csr 一起使用。
另外,我想知道asyncData是否只有在csr操作时才有效。 Nuxt.js 是如何工作的?
【问题讨论】:
标签: vue.js nuxt.js server-side-rendering
SSR(服务器端渲染)和 CSR(客户端渲染)之间的主要区别在于,使用 SSR,您的服务器对浏览器的响应是准备好渲染的页面的 HTML,而对于 CSR,浏览器只是获取一个空文档,其中包含指向您的 Javascript 的链接。
获取服务器生成的页面意味着您的浏览器将开始从您的服务器呈现 HTML,而无需等待 所有 JavaScript 下载并执行。
Nuxt.js 使用为第一次加载生成 SSR 页面(这加快了初始加载时间,并具有更多优势)。加载完所有 Javascript 后,Nuxt.js 会挂载原始的 Vue 应用程序,这将使所有内容变为反应式,应用路由等。
【讨论】: