vue如何接管预呈现的页面？

Question

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

我试过寻找答案,但没有人在讨论vue如何实现这个目标.

Answer 1

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

预填充的输出 (HTML) 没有 CSS 和图像，但随着这些块也加载到您的页面上（希望快速且成功），所有内容都经过样式设计且美观，可供查看。