简介
@vueneue/vue-cli-plugin-ssr 是一个提供了 Vue.js 服务器端渲染（SSR）能力的 npm 包，它可以让你更加轻松地将 Vue.js 应用程序转换为服务器端渲染应用程序。
该插件是基于 Vue CLI 生成的项目，并可以很容易地集成到该项目中。在使用该插件之前，需要安装 Node.js 和 Vue CLI 工具。
安装
使用如下命令安装 @vueneue/vue-cli-plugin-ssr：
vue add @vueneue/ssr
用法
安装完成后，你可以使用如下命令启动服务器端渲染：
npm run serve:ssr
这会启动服务器，然后使用浏览器访问 http://localhost:8080 即可看到 SSR 页面。
当然，你也可以使用如下命令构建出单页应用程序：
npm run build:ssr
执行该命令后，你将可以在 dist 目录下看到构建出来的项目文件。
示例代码
我们以一个简单的 Vue.js 应用程序作为例子，这个应用程序只有一个页面，页面上会显示一个问候语，如下所示：
-- -------------------- ---- -------
----------
-----
------ -------- -------
------
-----------
--------
------ ------- -
------ -
------ -
--------- ------ -------
-
-
-
---------我们假设这个应用程序的文件夹名为 myapp，然后在 myapp 中使用 @vueneue/vue-cli-plugin-ssr 插件，启用 SSR 功能，上面的代码片段就会成为服务器端渲染的一个页面。
最后，我们在这篇文章中只是简要介绍了如何使用 @vueneue/vue-cli-plugin-ssr，并提供了一个非常简单的例子。如果你想要深入了解更多关于服务器端渲染的内容，建议你阅读官方文档，或者查看一些关于服务器端渲染的教程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668ecd9381d61a3540c9c