Vue服务端渲染实践之Web应用首屏耗时最优化方案

但是，Node.js 服务器是一个长期运行的进程。当我们的代码进入该进程时，它将进行一次取值并留存在内存中。这意味着如果创建一个单例对象，它将在每个传入的请求之间共享。这与每个用户在自己的浏览器中使用新应用程序的实例类似。如果我们在多个请求之间使用一个共享的实例，很容易导致交叉请求状态污染 。同样的规则也适用于 router、store 和 event bus 实例。你不应该直接从模块导出并将其导入到应用程序中，而是需要在 createApp 中创建一个新的实例，并从根 Vue 实例注入。目前较好的解决方案是，给路由匹配的一级子组件一个举个例子：在当服务端使用模板进行渲染时，至此，基本的代码改造也已经完成了，下面说的是一些常见问题的解决方案：