Vue

VUE3之Component(一)

组件的拆分与嵌套

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

image 16
<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>

发表评论