- vue2.0怎么用组件自定义标签实现组件的嵌套?
-
聚码交流
-
0
0

- yhuxAvNbtxUM
0000-00-00 00:00:00
- 回帖
想用这种方式实现组件嵌套:<pid="app"><app-content><my-header></my-header><my-footer></my-footer></app-content></p>目前实现的方式:是在app-content.vue中的template中嵌套的index.html<pid="app"><app-content></app-content></p>main.jsimportVuefrom'../node_modules/vue/dist/vue';importappfrom'./app.js';newVue(app);app.jsimportcontentfrom'../components/app-content.vue'module.exports={el:"#app",data:{},components:{appContent:content}};app-content.vue<template><pid="content"><my-header></my-header><my-footer></my-footer></p></template><style>#content{height:100vh;width:100vw;background:rgb(240,240,240);position:relative;}</style><script>importmyHeaderfrom'./app-top.vue';importmyFooterfrom'./app-bottom.vue';exportdefault{components:{myHeader,myFooter}}</script>