Vue异步组件SSR再消重

Question

将Vue异步组件与SSR一起使用会导致页面刷新时恢复消重数据。有没有办法不让组件无缘无故地更新？来自SSR和客户端的标记是相同的。

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

Answer 1

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