Vue项目——引入外部组件

1.声明一个组件  chila.vue


<template>  
    <div>  
        child1    //显示内容
    </div>  
</template>  
  
<script>  
    export default {  
        name: "child1"      
    }  
</script>  

　　

1

2.引用  parent.vue



<template>  
    <div>  
        <child1 ref="child1"></child1>    //使用
    </div>  
</template>  
  
<script>  
    import Child1 from './child1';    //引用
    export default {  
        name: "parent",  
        components: {child1: Child1}
    }  
</script>