问Vue.extend是用来做什么的？

EN

他们在以前的Vuejs.org站点上的指南中有一个文档。

从vuejs/Vuejs.org 0.10.6版本的http://optimizely.github.io/vuejs.org/guide/composition.html派生而来。

了解Vue.extend()和Vue.component()之间的区别非常重要。因为Vue本身是一个构造函数，所以Vue.extend()是一个类继承方法。它的任务是创建Vue的子类并返回构造函数。另一方面，Vue.component()是一种类似于Vue.directive()和Vue.filter()的资产注册方法。它的任务是将给定的构造函数与字符串ID相关联，以便Vue.js可以在模板中提取它。当直接将选项传递给Vue.component()时，它会在幕后调用Vue.extend()。

Vue.js支持两种不同的应用编程接口范例:基于类的、命令式的、主干样式的应用编程接口，以及基于标记的、声明性的、Web组件样式的应用编程接口。如果您感到困惑，请考虑如何使用new Image()或<img>标记创建图像元素。每种方法都有其自身的用处，Vue.js试图提供这两种方法以获得最大的灵活性。

我认为混淆是因为extend和component是紧密相连的。要在内部创建组件Vue调用extend：

// register an options object (automatically call Vue.extend)
Vue.component('my-component', { /* ... */ })

因此，您可以使用extend挂载基础Vue构造函数(组件构造函数)的子类：https://vuejs.org/v2/api/#Vue-extend

然而，你不太可能遇到或需要沿着这条路走下去。相反，您将使用组件来获得可以在应用程序中轻松引用的命名子类。

因此，Extend并不是真正的“遗留”特性，它是Vue组件的核心，但组件提供的附加功能使它们成为您的默认工作方式。

除了提供的答案之外，如果您正在使用TypeScript，还有一个直接调用Vue.extend()的实际用例。

在大多数情况下，建议在需要时从其他文件导入零部件定义，而不是将其全局注册到Vue.component()。它将事情组织在更大的项目中，并使跟踪问题变得更容易。

有了正确的库，TypeScript可以查看您的组件定义，并确定组件在初始化时的类型，这意味着它可以检查您定义的函数，看看它们是否有意义(例如，如果您引用this.foo，则实际上存在一个属性、数据字段、计算值或名为foo的方法)。如果您使用Vue.component()，它将能够做到这一点，但如果您使用另一种使组件可用的典型方法，即导出对象文字，则无法做到这一点。

但是，另一种选择是导出包装在Vue.extend()中的组件定义。然后，TypeScript将能够将其识别为Vue组件，并相应地运行其类型检查，但您不必放弃导出组件而不是全局注册组件的最佳实践模式。