vue3 vue.extend

在 Vue.js 中，我们可以使用 `Vue.extend` 函数来创建一个可复用的组件构造器。这个函数接收一个包含组件选项的对象，返回一个新的组件构造器，我们可以通过这个构造器创建新的组件实例。

在 Vue 3 中，由于 Vue.js 的代码重构，`Vue.extend` 函数已经被移除，取而代之的是一个新的函数 `defineComponent`。这个函数的作用与 `Vue.extend` 类似，同样是用来创建可复用的组件构造器。不同之处在于，`defineComponent` 接收一个包含组件选项的对象，并返回一个新的组件构造器。

使用示例：

import { defineComponent } from 'vue'

const MyComponent = defineComponent({
  // 在这里定义组件选项
  data() {
    return {
      message: 'Hello, Vue 3!'
    }
  },
  template: '<div>{{ message }}</div>'
})

// 创建新的组件实例
const vm = new MyComponent()

在上面的示例中，我们使用 `defineComponent` 函数来创建了一个名为 `MyComponent` 的组件构造器，然后通过这个构造器创建了一个新的组件实例 `vm`。