1.什么是插槽
插槽就是子組件中的提供給父組件使用的一個占位符杉辙,用<slot></slot> 表示,父組件可以在這個占位符中填充任何模板代碼捶朵,如 HTML蜘矢、組件等,填充的內(nèi)容會替換子組件的<slot></slot>標(biāo)簽综看。
在子組件中放一個占位符:
圖1-子組件
在父組件中給這個占位符填充內(nèi)容:
圖2-父組件
效果:
圖3-效果展示
2.具名插槽
具名插槽其實(shí)就是給插槽取個名字品腹。一個子組件可以放多個插槽,而且可以放在不同的地方红碑,而父組件填充內(nèi)容時舞吭,可以根據(jù)這個名字把內(nèi)容填充到對應(yīng)插槽中。
子組件-設(shè)兩個插槽:
圖4
父組件填充內(nèi)容析珊,通過 v-slot:[name] :
圖5