feat(functional): Support components hash in functional components

Adds support for the components hash to be used in functional components

fix vuejs#7492

src/core/vdom/create-functional-component.js

@@ -6,6 +6,7 @@ import { resolveInject } from '../instance/inject'
 import { normalizeChildren } from '../vdom/helpers/normalize-children'
 import { resolveSlots } from '../instance/render-helpers/resolve-slots'
 import { installRenderHelpers } from '../instance/render-helpers/index'
+import { extend } from 'shared/util'
 
 import {
   isDef,
@@ -39,6 +40,10 @@ export function FunctionalRenderContext (
     // $flow-disable-line
     parent = parent._original
   }
+
+  contextVm.$options = Object.create(contextVm.$options)
+  contextVm.$options.components = extend(Object.create(contextVm.$options.components), options.components)
+
   const isCompiled = isTrue(options._compiled)
   const needNormalization = !isCompiled
 

test/unit/features/options/functional.spec.js

@@ -242,6 +242,34 @@ describe('Options functional', () => {
     expect(vm.$el.childNodes[1].namespaceURI).toContain('svg')
   })
 
+  it('should accept components', () => {
+    const HelloComp = {
+      template: `<div>Hello</div>`
+    }
+
+    const WorldComp = {
+      template: `<div>World</div>`
+    }
+
+    const Child = {
+      functional: true,
+      components: {
+        HelloComp
+      },
+      render: h => [h('hello-comp'), h('world-comp')]
+    }
+
+    const vm = new Vue({
+      template: `<div><child/></div>`,
+      components: {
+        Child,
+        WorldComp
+      }
+    }).$mount()
+
+    expect(vm.$el.innerHTML).toBe('<div>Hello</div><div>World</div>')
+  })
+
   it('should work with render fns compiled from template', done => {
     // code generated via vue-template-es2015-compiler
     var render = function (_h, _vm) {