vue中组件之间的引用

header.vue

<template>
    <div>我是公共组件头部</div>
</template>

footer.vue

<template>
    <div>我是公共组件底部</div>
</template>

index.vue

<template>
    <div>
        <v-header></v-header>
        <div>
            我是主页面
        </div>
        <v-footer></v-footer>
   </div>
</template>
<script>

  import header from '../../components/header.vue'

  import footer from '../../components/footer.vue'

  export default {

　　data(){

　　　return{

     }

   },

　　components:{

     'v-header':header,

     'v-footer':footer,

   },

　}

</script>