types: add model option to functional components (vuejs#8212)

Closes vuejs#8210
lucy-0526 · Oct 24, 2018 · 496635e · 496635e
1 parent bf2e2ed
commit 496635e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/types/options.d.ts b/types/options.d.ts
@@ -111,6 +111,10 @@ export interface ComponentOptions<
 export interface FunctionalComponentOptions<Props = DefaultProps, PropDefs = PropsDefinition<Props>> {
   name?: string;
   props?: PropDefs;
+  model?: {
+    prop?: string;
+    event?: string;
+  };
   inject?: InjectOptions;
   functional: boolean;
   render?(this: undefined, createElement: CreateElement, context: RenderContext<Props>): VNode | VNode[];

diff --git a/types/test/options-test.ts b/types/test/options-test.ts
@@ -376,4 +376,24 @@ Vue.component("async-component", ((resolve, reject) => {
   })
 }));
 
+Vue.component('functional-component-v-model', {
+  props: ['foo'],
+  functional: true,
+  model: {
+    prop: 'foo',
+    event: 'change'
+  },
+  render(createElement, context) {
+    return createElement("input", {
+      on: {
+        input: new Function()
+      },
+      domProps: {
+        value: context.props.foo
+      }
+    });
+  }
+});
+
+
 Vue.component('async-es-module-component', () => import('./es-module'))