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 传值到子组件渲染.
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
你该用slot吧