vue组件中嵌套html,vue2.0怎么用组件自定义标签实现组件的嵌套？

想用这种方式实现组件嵌套：

目前实现的方式：是在app-content.vue中的template中嵌套的

index.html

main.js

import Vue from '../node_modules/vue/dist/vue';

import app from './app.js';

new Vue(app);

app.js

import content from '../components/app-content.vue'

module.exports={

el:"#app",

data:{},

components:{

appContent:content

}

};

app-content.vue

#content{

height: 100vh;

width: 100vw;

background: rgb(240,240,240);

position: relative;

}

import myHeader from './app-top.vue';

import myFooter from './app-bottom.vue';

export default {

components:{

myHeader,

myFooter

}

}