vue3 <script setup> 如何注册组件

在 Vue3 中，使用 `<script setup>` 可以注册组件，注册组件的步骤如下：

1. 定义组件的 props、data、methods 等属性。
2. 在 `<script setup>` 中使用 `defineComponent` 函数创建组件。
3. 在 `defineComponent` 函数中传入组件属性，如 `props`、`data`、`methods` 等。
4. 在组件中使用 `template` 标签定义组件的 HTML 模板。

示例代码如下：

<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ content }}</p>
  </div>
</template>

<script setup>
import { defineComponent } from 'vue'

const props = {
  title: String,
  content: String
}

const data = () => ({
  // ...
})

const methods = {
  // ...
}

export default defineComponent({
  props,
  data,
  methods
})
</script>

在上面的示例代码中，我们使用 `<script setup>` 定义了一个组件，该组件接收 `title` 和 `content` 两个 props，使用 `defineComponent` 函数创建组件，并传入了组件的 props、data 和 methods，最后在组件中使用了一个简单的 HTML 模板。