vue3自定义组件

1.在components文件夹创建一个组件
组件名Component
内容
<template>
<div class="myComponent">
这是我的组件
</div>
</template>
<script>
    export default{
        name:'component',
    }
</script>
2.在app.vue中使用组件
<template>
    <div class="app">
            <component></component>
    </div>
</template>
<script>
// 导入组件
import component from "@/components/Component.vue"
export default {
    components: {
        component
    }
};
</script>