Vue异步组件SSR补水

Question

将 Vue 异步组件与 SSR 一起使用会导致页面刷新时水化。有没有办法不导致组件无故更新？ SSR 和客户端的标记是相同的。

https://vuejs.org/v2/guide/components-dynamic-async.html

Answer 1

当递归地使用动态加载的组件时，您必须将:key 添加到每个组件中，但这不是我的问题。我的问题在于加载的 webpack 在递归模式下无法处理两个包含。最终出现循环依赖错误。即使使用加载方法lazy。 通过将此组件全局注册为插件（nuxt，但可以使用 Vue.component 在 app.vue 中加载。这样 webpack 不会尝试加载第二个，我们可以只使用已经注册的组件。以前的方法导致每次页面加载时所有递归组件都重新水化。