VUE3之Component（一）

组件的拆分与嵌套

组件的拆分与嵌套，是将一个.vue文件内的内容按照模块分为多个，在使用过程中，通过components属性来局部注册组件：

<template>
    <div class="main">
        <main-banner></main-banner>
        <main-product></main-product>
    </div>
</template>

<script>
import MainBanner from "./MainBanner.vue";
import MainProduct from "./MainProduct.vue";
    export default {
        components:{
            MainBanner,
            MainProduct
        }
    }
</script>

<style scoped>

</style>