vue.js - Vue异步组件SSR hydration

Question

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

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

Answer 1

当递归使用动态加载的组件时，您必须向每个组件添加:key，但这不是我的问题。我的问题在于在webpack中加载的内容，在递归模式下无法处理两个包含的内容。最终导致循环依赖性错误。即使使用加载方法lazy。
通过将此组件全局注册为插件(nuxt，但可以通过Vue.component加载到app.vue中)进行了修复。这种方式webpack不会尝试第二次加载，而我们只能使用已经注册的组件。在每次页面加载时对所有递归组件进行补水。