template:`<div data-child1></div>`
template:`<div data-child2></div>`
parent
template:
`<div>
<child1></child1>
<child2></child2>
</div>`
app
template:`<parent components="components"></parent>`
components:{
child1
child2
}
template:`<div data-child1></div>`
template:`<div data-child2></div>`
template:
`<div>
<child1></child1>
<child2></child2>
</div>`
template:`<parent components="components"></parent>`
components:{
child1
child2
}
parent - template :
<div>
<slot name="child1"></slot>
<slot name="child2"></slot>
</div>
APP 定义时
<parent>
<div slot="child1"></div>
<div slot="child2"></div>
</parent>
使用slot 可以这样动态替换内容。如果动态组件的话 可以通过props 传值到子组件渲染.
13 回答12.8k 阅读
8 回答2.6k 阅读
2 回答5.1k 阅读✓ 已解决
7 回答1.9k 阅读
9 回答1.7k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
5 回答852 阅读
你该用slot吧