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>