vue3中使用component

在Vue3中，可以通过`defineComponent`函数来定义一个组件。`defineComponent`函数可以接受一个对象参数，该对象包含了组件的各种属性，比如`props`、`data`、`methods`等等。以下是一个简单的例子：

import { defineComponent } from 'vue'

export default defineComponent({
  name: 'HelloWorld',
  props: {
    msg: String
  },
  setup(props) {
    return {
      msg: props.msg || 'Hello World!'
    }
  },
  template: '<div>{{ msg }}</div>'
})

上述代码定义了一个名为`HelloWorld`的组件，它接受一个名为`msg`的属性，并在模板中渲染该属性的值。其中，`setup`函数是Vue3新增的组件选项，它可以用来代替Vue2中的`data`、`computed`、`methods`等选项。在`setup`函数中，可以通过参数访问到组件的属性。

在父组件中使用该组件时，只需要像下面这样引入即可：

<template>
  <HelloWorld msg="Welcome to Your Vue.js App"/>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  components: {
    HelloWorld
  }
}
</script>

以上就是在Vue3中使用组件的基本方法，希望能对你有所帮助。