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

标签 vue.js

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

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

最佳答案

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

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

关于vue.js - vue如何接管一个预渲染的页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47151338/

相关文章:

vue.js - 为着陆/登录页面设置 Vue 路由器,然后使用导航作为后端

javascript - 如何从 vue.js 网页下载本地 CSV 文件?

typescript - 使用 Jest 测试 Vuejs 和 TypeScript 会导致错误 "Property ' xxx' does not exist on type 'CombinedVueInstance'

vue.js - Google Analytics 重复跟踪名称

django - vue错误 "Templates should only be responsible for mapping the state to the UI."

javascript - 如何计算 json 对象数组中的值? (在 VueJS 中)

html - 谷歌浏览器在使用 <embed> 和 PDF 文件时提示闪存

vue.js - Vue 问题在表格内呈现 v-html

Vue.js 将字符串文字中的 `<` 和 `>` 解释为自定义元素

vue.js - 另一个router-view的组件调用方法/Vue.js