这个特性解决了什么问题？

如果我们可以从组件(ExtendedVue)中推断出Props类型，那将会很有用。例如，我们可以使用它来编写CreateElement的类型安全 Package 器(或者直接改进CreateElement的接口)。

function renderComponent<Props>(
        h: CreateElement,
        component: ExtendedVue<Vue, {}, {}, {}, Props>,
        data: VNodeData & { props: Partial<Props> },
        children?: VNodeChildren): VNode {
  return h(component, data, children);
}

const MyComponent = Vue.extend({
  props: { foo: String },
  render(h) { return h("div", this.foo) };
});

const Parent = Vue.extend({
  render(h) {
    return renderComponent(h, MyComponent, { props: { foo: 0 } }); // error: type of property 'foo' are imcompatible
  }
});

提议的API看起来如何？

现在，ExtendedVue<Vue, {}, {}, {}, { foo: string }>和ExtendedVue<Vue, {}, {}, { foo: string }, {}>生成相同的类型。这意味着我们无法从ExtendedVue对象中确定Props的类型。我认为，实现这一点的最简单(也是最合理的)方法是在$props和$data中添加类型。

- export type CombinedVueInstance<Instance extends Vue, Data, Methods, Computed, Props> = Instance & Data & Methods & Computed & Props;
+ export type CombinedVueInstance<Instance extends Vue, Data, Methods, Computed, Props> = Instance & Data & Methods & Computed & Props & { $data: Data, $props: Props };