Vue.extend 是 Vue.js 提供的一个全局 API，用于扩展 Vue 组件。它的作用是创建一个可以被多次使用的组件构造器，可以像普通组件一样使用，并且可以在多个地方可以实例化该组件。
原理代码如下：
// 创建一个可以被多次使用的组件构造器 const MyComponent = Vue.extend({ // 组件的选项 template: '<div>{{ message }}</div>', data() { return { message: 'Hello, World!' } } }) // 创建实例 const instance = new MyComponent() // 挂载实例到元素上 instance.$mount('#app')
Vue.extend 的原理是通过 Vue.extend 方法创建一个新的构造器，该构造器继承自 Vue，然后可以像普通组件一样使用。
在上面的代码中，我们通过 Vue.extend 创建了一个名为 MyComponent 的组件构造器，它包含一个 template 和一个 data 选项。然后通过 new MyComponent() 创建了一个实例，最后通过 $mount 方法将实例挂载到指定的元素上。这样就可以在页面上显示出组件的内容。
通过使用 Vue.extend，我们可以在多个地方实例化该组件，实现组件的复用。
