Vue.js的vuexpress、VuePress和vue-server-renderer模块的区别和使用答案

【问题标题】：Differences and use of vuexpress, VuePress and vue-server-renderer modules of Vue.jsVue.js的vuexpress、VuePress和vue-server-renderer模块的区别和使用
【发布时间】：2020-06-15 12:37:39
【问题描述】：

我遇到了vuexpress、vuepress 和vue-server-renderer。对我来说，这些看起来更相似，我猜不是。我不是前端开发人员，因此无法理解这三个模块的确切区别和用途。

他们的官方网站说

https://github.com/vuexpress/vuexpress

vuexpress：Vue + Express.js = VueXpress / 服务器端渲染 Express.js 的引擎。使用 .vue 文件作为你的 express.js 模板。

https://vuepress.vuejs.org/

VuePress：基于 Vue 的静态站点生成器

https://ssr.vuejs.org/

vue-server-renderer：使用服务器渲染的单页应用程序 Node.js 作为服务器。

vuepress 和 vue-server-renderer 是来自Vue.js 的官方库

那么这三个模块到底有什么区别和用途呢？

【问题讨论】：

标签： vue.js single-page-application server-side-rendering static-site vuepress

【解决方案1】：

Vue 的想法（从您的问题的角度来看）是您创建一个单页应用程序。

vuexpress 是一个渲染引擎，如果您想使用 Vue 语法来实现您的 Express 视图，您可以在 Express 应用程序中使用，即您实现一个动态网站并使用 Vue 语法。

vuepress 是关于在 Vue 中构建一个单页应用程序，该应用程序还预呈现每个页面（以及其他一些好处，例如使用降价）以改善初始页面加载并为搜索引擎提供便利。它主要用于具有静态内容的网站，例如文档。

Vue 应用程序的重点是在客户端（在 Web 浏览器中）运行它。使用vue-server-renderer，您可以在服务器上运行它来获取网页浏览器在网页浏览器中运行时将呈现的 HTML 代码，并将其发送到网页浏览器，因此网页浏览器不需要运行您的 Vue应用程序，但接收它将显示的 HTML。为什么？改善初始页面加载并为搜索引擎提供便利。我想vuepress 在后台使用vue-server-renderer。

【讨论】：