一、基本的插槽

公司主營業(yè)務：成都網(wǎng)站建設、網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出博野免費做網(wǎng)站回饋大家。

這里總結兩點

1. 如果不在子組件中使用插槽（slot），那么在子組件中寫任何代碼都是無效的的，不會顯示
2. （插槽默認值）如果子組件中沒有插入任何代碼的話就會顯示組件插槽中的內(nèi)容

slot 代表父組件往子組件中 插入的標簽
這里就代表組件子組件中的 

Dell

Dell

這里如果是這樣的

就會顯示 默認內(nèi)容中的默認內(nèi)容 

二、聚類插槽

1、如果不在子組件中使用插槽（slot），那么在子組件中寫任何代碼都是無效的的，不會顯示

2、（插槽默認值）如果子組件中沒有插入任何代碼的話就會顯示組件插槽中的內(nèi)容

這里如果是這樣的

就會顯示默認內(nèi)容中的 默認內(nèi)容

3、聚類插槽

子組件這么寫：

template:`

默認內(nèi)容
content
默認內(nèi)容

然后這么引用：

	
header
				
footer

就會發(fā)現(xiàn)結果是

header
footer
content
header
 footer

這個不是我的本意，那么怎么辦，這里就引入了聚類插槽
子組件：

template:`

默認內(nèi)容
content
默認內(nèi)容
`

子組件引用：

header
footer

不難發(fā)現(xiàn)給每個想要指定的子組件插槽添加 name屬性，然后在引用中 slot中明確 是哪個即可也可以理解為引用中是用了兩個插槽同時，默認內(nèi)容同時適用在每個插槽

三、作用域插槽

這個是普通插槽的Demo

	
	
	


	

		
		
			
Dell
		
	

	

這個是聚類插槽的Demo

	
	
	


	

		
		
			
default header
			
default footer
		
	

	

以上所述是小編給大家介紹的Vue中使用插槽（slot）、聚類插槽詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！