Vue.extend()和extends选项

Vue.extend() 使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。其中 data 属性必须是一个函数（这样每个组件的实例的 data 才能是独立的）。

例如：

const Demo = Vue.extend({
    template: '<p>{{text}}</p>',
    data() {
        return {
            text: '你好',
        },
    },
});

extends 选项允许声明扩展另一个组件 (可以是一个简单的选项对象或构造函数)，而无需使用 Vue.extend。这主要是为了便于扩展单文件组件。其功能类似 mixins

例如：

var CompA = { ... }
// 在没有调用 `Vue.extend` 时候继承 CompA
var CompB = {
  extends: CompA,
  ...
}