看官網(wǎng)的時候法牲，作用域插槽有點不太理解拒垃，上網(wǎng)找了一下相關(guān)內(nèi)容悼瓮，有的不是很完整横堡。下面的例子是比較簡單的命贴。
如下：
例如父子組件之間傳值
子組件slot_son.vue：
<slot name="李雷"? age="25" gender="男孩" ></slot>
父組件app.vue：
<solt_son>
? ? <template slot-scope="recData">
????????//這里的recData 就是接收到上面子組件文件里,插槽傳遞過來的數(shù)據(jù)胸蛛。名稱可以自定義泞当。
? ? ? ? 我的名字叫{{recData.name}}民珍，今年{{recData.age}}歲了敌蜂，我是{{recData.gender}}章喉。
????</template>
</solt_son>
（別忘了在父組件的import里秸脱，引入子組件Ｌ健）
注意：必須用 template 標(biāo)簽包裹
理解：
1.子組件存放一個帶數(shù)據(jù)的插槽有序。
2.父組件通過 “slot-scope” 來接收子組件傳過來的插槽數(shù)據(jù)旭寿，再根據(jù)插槽數(shù)據(jù)來填充插槽的內(nèi)容。
3.常用場景:
如果子組件中的某一部分的數(shù)據(jù)，每個父組件都會有自己的一套對該數(shù)據(jù)的不同的呈現(xiàn)方式逞盆，這時就需要用到作用域插槽俯逾。
又或者皇筛，需要你寫一個商品卡片組件坠七，并通過循環(huán)去展示多個卡片水醋，并且要求能響應(yīng)每個卡片上的圖片或者其他內(nèi)容的點擊事件而跳轉(zhuǎn)到商品詳情頁旗笔。
總結(jié)一下，作用域插槽適合的場景是至少包含三級以上的組件層級拄踪，是一種優(yōu)秀的組件化方案蝇恶！
