slot分發(fā)內(nèi)容
不具名slot用來(lái)備用插入,子組件只有不具名的slot時(shí)候,父組件才回調(diào)用slot內(nèi)容,如果子組件有其他內(nèi)容,父組件的內(nèi)容會(huì)替換掉slot內(nèi)容,slot內(nèi)容不顯示。
子組件:
<div>
<h2>我是子組件的標(biāo)題</h2>
<slot>
只有在沒(méi)有要分發(fā)的內(nèi)容時(shí)才會(huì)顯示。
</slot>
</div>
父組件模版:
<div>
<h1>我是父組件的標(biāo)題</h1>
<my-component>
<p>這是一些初始內(nèi)容</p>
<p>這是更多的初始內(nèi)容</p>
</my-component>
</div>
渲染結(jié)果:
<div>
<h1>我是父組件的標(biāo)題</h1>
<div>
<h2>我是子組件的標(biāo)題</h2>
<p>這是一些初始內(nèi)容</p>
<p>這是更多的初始內(nèi)容</p>
</div>
</div>