vue.js - vue如何接管一个预渲染的页面？

Question

我正在使用 prerender-spa-plugin，效果很好!我很好奇 vue 如何设法检测预渲染。为什么它不像往常一样尝试渲染其组件？

我尝试寻找答案，但没有人讨论 vue 如何实现这一目标。

Answer 1

据我所知，Javascript 像往常一样启动并呈现组件。但是，该页面之前已经包含呈现的输出。所以如果用户没有启用 JS，它基本上是默认的 HTML。 JS 解析后，DOM(或应用程序根 div)被清空，应用程序组件照常呈现。

预填充输出 (HTML) 没有 CSS 和图像，但由于这些 block 也已加载到您的页面上(希望快速且成功)，所有内容都设计精美且美观，随时可以查看。