<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>這是分發內容,只有在沒有分發內容的情況下顯示</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>這是分發內容，只有在沒有分發內容的情況下顯示</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>