improvements for handling vue-loader functional components with style injections

yyx990803 · yyx990803 · commit 8dc4215994a8 · 2017-05-02T18:27:29.000+08:00
diff --git a/src/core/vdom/create-functional-component.js b/src/core/vdom/create-functional-component.js
@@ -43,6 +43,7 @@ export function createFunctionalComponent (
   })
   if (vnode instanceof VNode) {
     vnode.functionalContext = context
+    vnode.functionalOptions = Ctor.options
     if (data.slot) {
       (vnode.data || (vnode.data = {})).slot = data.slot
     }
diff --git a/src/server/render.js b/src/server/render.js
@@ -57,22 +57,26 @@ function renderNode (node, isRoot, context) {
   }
 }
 
+function registerComponentForCache (options, write) {
+  // exposed by vue-loader, need to call this if cache hit because
+  // component lifecycle hooks will not be called.
+  const register = options._ssrRegister
+  if (write.caching && isDef(register)) {
+    write.componentBuffer[write.componentBuffer.length - 1].add(register)
+  }
+  return register
+}
+
 function renderComponent (node, isRoot, context) {
   const { write, next, userContext } = context
 
   // check cache hit
   const Ctor = node.componentOptions.Ctor
   const getKey = Ctor.options.serverCacheKey
   const name = Ctor.options.name
-
-  // exposed by vue-loader, need to call this if cache hit because
-  // component lifecycle hooks will not be called.
-  const registerComponent = Ctor.options._ssrRegister
-  if (write.caching && isDef(registerComponent)) {
-    write.componentBuffer[write.componentBuffer.length - 1].add(registerComponent)
-  }
-
   const cache = context.cache
+  const registerComponent = registerComponentForCache(Ctor.options, write)
+
   if (isDef(getKey) && isDef(cache) && isDef(name)) {
     const key = name + '::' + getKey(node.componentOptions.propsData)
     const { has, get } = context
@@ -147,7 +151,6 @@ function renderComponentInner (node, isRoot, context) {
     node,
     context.activeInstance
   )
-  node.ssrContext = null
   normalizeRender(child)
   const childNode = child._render()
   childNode.parent = node
@@ -159,14 +162,20 @@ function renderComponentInner (node, isRoot, context) {
 }
 
 function renderElement (el, isRoot, context) {
+  const { write, next } = context
+
   if (isTrue(isRoot)) {
     if (!el.data) el.data = {}
     if (!el.data.attrs) el.data.attrs = {}
     el.data.attrs[SSR_ATTR] = 'true'
   }
+
+  if (el.functionalOptions) {
+    registerComponentForCache(el.functionalOptions, write)
+  }
+
   const startTag = renderStartingTag(el, context)
   const endTag = `</${el.tag}>`
-  const { write, next } = context
   if (context.isUnaryTag(el.tag)) {
     write(startTag, next)
   } else if (isUndef(el.children) || el.children.length === 0) {

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@ export function createFunctionalComponent (`
`43`	`43`	`})`
`44`	`44`	`if (vnode instanceof VNode) {`
`45`	`45`	`vnode.functionalContext = context`
	`46`	`+ vnode.functionalOptions = Ctor.options`
`46`	`47`	`if (data.slot) {`
`47`	`48`	`(vnode.data \|\| (vnode.data = {})).slot = data.slot`
`48`	`49`	`}`