插槽,也就是slot,是組件的一塊HTML模板,這塊模板顯示不顯示、以及怎樣顯示由父組件來決定。 實際上,一個slot最核心的兩個問題在這裏就點出來了,是顯示不顯示和怎樣顯示。html
因爲插槽是一塊模板,因此,對於任何一個組件,從模板種類的角度來分,其實均可以分爲非插槽模板和插槽模板兩大類。vue
非插槽模板指的是html模板,好比‘div、span、ul、table’這些,非插槽模板的顯示與隱藏以及怎樣顯示由組件自身控制;spa
插槽模板是slot,它是一個空殼子,由於它的顯示與隱藏以及最後用什麼樣的html模板顯示由父組件控制。可是插槽顯示的位置確由子組件自身決定,slot寫在組件template的什麼位置,父組件傳過來的模板未來就顯示在什麼位置。.net
首先是單個插槽,單個插槽是vue的官方叫法,可是其實也能夠叫它默認插槽,或者與具名插槽相對,咱們能夠叫它匿名插槽。由於它不用設置name屬性。htm
單個插槽能夠放置在組件的任意位置,可是就像它的名字同樣,一個組件中只能有一個該類插槽。相對應的,具名插槽就能夠有不少個,只要名字(name屬性)不一樣就能夠了blog
關於slot-scope的一篇文章,原文地址 https://blog.csdn.net/qq_28929589/article/details/82896364table
另外一篇不錯的文章: https://www.jb51.net/article/133733.htm模板