Vue.extend 有什么用？

Question

这是一个足够简单的问题，但我没有从文档中得到我需要的答案。我正在学习Vue.js，我不太明白Vue.extend适合哪里。我得到了Vue.component，但我没有看到 Vue.extend 做了什么 Vue.component 没有.它只是 1.0 的遗留功能吗？如果没有，它在 Vue 2.0 中有什么用处？

原文由 John Moore 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

他们在之前的 Vuejs.org 网站上的指南有一个文档。

复制自 http://optimizely.github.io/vuejs.org/guide/composition.html ，它是从 Vuejs 0.10.6 版本的 vuejs/Vuejs.org 派生出来的。

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

Vue.js 支持两种不同的 API 范例：基于类的命令式 Backbone 样式 API 和基于标记的声明式 Web 组件样式 API。如果您感到困惑，请考虑如何使用 new Image() 或 <img> 标签创建图像元素。每个都有自己的用途，Vue.js 试图同时提供最大的灵活性。

原文由 John Xiao 发布，翻译遵循 CC BY-SA 4.0 许可协议