vue异步组件SSR补水
Vue async component SSR rehydration
将 Vue 异步组件与 SSR 一起使用会导致页面刷新时重新水化。有没有办法不引起组件无故更新?来自 SSR 和客户端的标记是相同的。
递归使用动态加载的组件时,您必须向每个组件添加 :key
但这不是我的问题。我的问题在于加载的 webpack 在递归模式下无法处理两个包含。以循环依赖错误告终。即使使用加载方法 lazy
。
通过将此组件全局注册为插件(nuxt,但可以使用 Vue.component
在 app.vue 中加载来修复。这样 webpack 不会尝试第二次加载,我们可以只使用已经存在的组件已注册。以前的方法导致每次页面加载时所有递归组件的再水化。
将 Vue 异步组件与 SSR 一起使用会导致页面刷新时重新水化。有没有办法不引起组件无故更新?来自 SSR 和客户端的标记是相同的。
递归使用动态加载的组件时,您必须向每个组件添加 :key
但这不是我的问题。我的问题在于加载的 webpack 在递归模式下无法处理两个包含。以循环依赖错误告终。即使使用加载方法 lazy
。
通过将此组件全局注册为插件(nuxt,但可以使用 Vue.component
在 app.vue 中加载来修复。这样 webpack 不会尝试第二次加载,我们可以只使用已经存在的组件已注册。以前的方法导致每次页面加载时所有递归组件的再水化。