vue slot插槽

作用：主要是用於父元件向子元件傳遞 標籤+資料 （而 props 和自定事件只是傳遞資料）。
場景：一般是某個位置需要經常動態謝歡顯示效果（比如說：餓了麼）。

子元件定義插槽

在子元件中定義插槽，當父元件向指定插槽傳遞標籤資料後，插槽處就對渲染了，否則的話，插槽處就不會被渲染。

<div>
	<!-- name屬性值指定唯一的插槽名，父元件通過此名指定標籤資料 -->
	<slot name="aaa" > 不確定的標籤結構 1 </slot>
	<div>元件確定的標籤結構</div>
	<slot name="bbb" > 不確定的標籤結構 2 </slot>
</div>
 

父元件傳遞標籤資料

<child>
	<!-- slot屬性值對應子元件中的插槽的name屬性值 -->
	<div slot='aaa' >向 name=aaa 的插槽處插入此標籤資料</dv>
	<div slot='bbb' >向 name=bbb 的插槽處插入此標籤資料</dv>
</child>

插槽注意事項

1. 只能用於父元件向子元件傳遞 標籤 + 資料 。
2. 傳遞的插槽標籤中的資料處理都需要定義所在父元件中。