vue中的component组件用法

Vue中的component组件可以使用Vue.component()方法定义，并在template中使用。
例如：

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

然后在template中引用：

<my-component></my-component>

也可以将组件定义在单文件组件中，这时需要使用Vue文件的语法。例如：

// MyComponent.vue
<template>
<div>这是一个自定义组件</div>
</template>

<script>
export default {
name: 'my-component'
}
</script>

然后在父组件中使用：

<template>
<my-component></my-component>
</template>

注意：在Vue2.x中，组件名需要使用驼峰式命名，例如'my-component'。在Vue3.x中支持使用短横线分隔命名，例如'my-component'也可以写成'mycomponent'。