在建立子模板的時候，template中 如果 v-for=‘item of list’ 在多個地方呼叫子模板，此時就需要有插槽的概念
子元件模板

Vue("child",{
data,
template,<slot v-for='item of list' :item='item"></slot>

在父元件模板中

<div>
<child>//在內層要巢狀一個slot，所以必須有個template標籤
<template slot-scope='props'>
<li>{{props.item}}</li>	
</template>
</child>
</div>
 

邏輯是父元件給子元件傳遞資料的時候，傳遞了一個插槽，這個插槽叫做作用域插槽
作用插槽必須是template的開頭結尾的標籤
還要宣告 slot-scope=“資料都存放在哪裡”
然後再用一個標籤，接受如何展示該資料，

為什麼使用作用域插槽
當子元件做迴圈，或者某一部分