vue3 如何引如自定义组件

在Vue3中，引入自定义组件需要通过Vue.component()方法来完成。具体步骤如下：

1. 在Vue实例中，通过Vue.component()方法来定义组件，其中第一个参数为组件名称，第二个参数为组件选项。

2. 组件选项中至少需要包含一个template选项，用于定义组件的模板。

3. 在Vue实例中使用自定义组件时，需要将组件名称作为HTML标签名来使用。

以下是引入自定义组件的示例代码：

// 定义自定义组件
Vue.component('my-component', {
  template: '<div>这是一个自定义组件</div>'
})

// 创建Vue实例
var app = new Vue({
  el: '#app'
})

在上面的示例中，我们定义了一个名为"my-component"的自定义组件，并在Vue实例中使用它。我们可以在HTML中使用以下代码来引入该自定义组件：

<div id="app">
  <my-component></my-component>
</div>

这样就可以在页面上显示出"这是一个自定义组件"的文本了。