feat(ssr/suspense): suspense hydration

In order to support hydration of async components, server-rendered fragments must be explicitly marked with comment nodes.
2020-03-12 22:19:41 -04:00
parent b3d7d64931
commit a3cc970030
19 changed files with 385 additions and 139 deletions
--- a/packages/server-renderer/src/renderToString.ts
+++ b/packages/server-renderer/src/renderToString.ts
@@ -256,7 +256,9 @@ function renderVNode(
      push(children ? `<!--${children}-->` : `<!---->`)
      break
    case Fragment:
+      push(`<!--1-->`) // open
      renderVNodeChildren(push, children as VNodeArrayChildren, parentComponent)
+      push(`<!--0-->`) // close
      break
    default:
      if (shapeFlag & ShapeFlags.ELEMENT) {