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>