Vue异步组件SSR补液

时间:2019-01-15 19:40:29

标签: vue.js ssr nuxt hydration

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

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

1 个答案:

答案 0 :(得分:0)

以递归方式使用动态加载的组件时,您必须为每个组件添加:key,但这不是我的问题。我的问题在于在webpack中加载时无法处理两个递归模式。最终导致循环依赖性错误。即使使用加载方法lazy。 通过将此组件全局注册为插件(nuxt,但可以通过Vue.component加载到app.vue中来解决。这种方式webpack不会尝试第二次加载,而我们只能使用已注册的组件。先前的方法导致每次页面加载时所有递归组件重新补水。