為什么slot都是用在子組件

<input type='text'/>

<Minput>可以顯示嗎</Minput>

<input type='text'/>
<slot></slot>

<header>
 <slot name='header'></slot>
</header>

<he>
 <h1 name='header'>hello world</h1>
</he>

<header><h1>hello world</h1></header>

<div>
 <h1>這是h1</h1>
 <slot>這是分發(fā)內(nèi)容,只有在沒(méi)有分發(fā)內(nèi)容的情況下顯示</slot>
</div>

<child>
 <p>這是一段p</p>
 <p>兩段p</p>
</child>

<div><h1>這是h1</h1><p>這是一段p</p><p>兩段p</p></div>

<child></child>

<div><h1>這是h1</h1>這是分發(fā)內(nèi)容，只有在沒(méi)有分發(fā)內(nèi)容的情況下顯示</div>

<div class="child">
 <slot text="hello from child"></slot>
</div>

<div class="parent">
 <child>
 <template slot-scope="props">
 <span>hello from parent</span>
 <span>{{ props.text }}</span>
 </template>
 </child>
</div>

<div class="parent">
 <div class="child">
 <span>hello from parent</span>
 <span>hello from child</span>
 </div>
</div>