想用这种方式实现组件嵌套:
目前实现的方式:是在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
}
}