Vue 一個組件引用另一個組件

有些時候需要這么做，比如，我想在首頁加載輪播組件，但是又不想全局注冊（因為不是每個頁面都需要輪播功能）

方法1：

<template>  
    <div>  
        <!-- 3.在template中就可以直接使用了 -->  
        <testComponent></testComponent>  
    </div>  
</template>  
  
<script>  
    //1.先使用import導入你要在該組件中使用的子組件  
    import testComponent from './testComponent.vue'  
    export default {  
        //2.然后,在components中寫入子組件  
        components: {testComponent},  
        methods: {},  
    }  
</script>  
  
<style></style>  

方法2：

<template>  
    <div>  
        <!-- 2.在template中使用 -->  
        <testComponent></testComponent>  
    </div>  
</template>  
  
<script>  
    export default {  
        //1.直接在components中寫入子組件  
        components: {  
            testComponent:require('./testComponent.vue').default  
        },  
        methods: {},  
    }  
</script>  
  
<style></style>