插槽：slot （不知道我這樣理解是不是對的，歡迎大佬指點）

具體是什麼樣子的，請看例子說明

父元件程式碼

子元件程式碼

結果

可以看到 ，結果是父元件裡面內容顯示了，子元件內容顯示了，但是在父元件中插入子元件的內容是沒有顯示的，這樣寫無效！

如果想要顯示出來，在子元件裡面新增slot標籤就可以了

結果是

-----------------------------------------------------------------

所以，如果想要在父元件中去子元件插入內容，需要先在子元件中新增slot標籤

子元件中<slot name="color"></slot>標籤中 name屬性是可選值，和父元件中<span slot="color" style="color: #F00;">紅色的</span>裡面的slot的值是對應的，如果在父元件中添加了slot=‘xxx’這個屬性，
 

子元件中必須新增name=‘xxx’與之對應，否則無法顯示。反之如果在子元件中添加了name=‘xxx’，父元件不寫相同的slot=‘xxx’屬性與之對應，也無法顯示。總之，父元件中子元件的插槽屬性slot=‘xxx’和子元件slot標籤的name值是對應的，可以一對多，多對一，多對多，一對一隨意搭配，但是要顯示出來就必須有對應的值，如果父元件的插槽中只寫標籤，標籤不新增slot=‘xxx’的屬性，子元件中的slot標籤也不寫name=‘xxx’屬性，預設的也可以顯示出來如圖父元件子元件結果

結束語：看懂了這個之後，同時也懂了許多框架封裝的原理，實用性也是比較強的，對於需要封裝程式碼的話。

我是剛入門不久的前端工程師，寫得內容還是有點亂，我會慢慢改進排版

（ps: 如果有剛加入前端這個行業的，比較迷茫的同學，歡迎進群交流，建立一個星期了，結果真的只有我一個人，但是我會努力的，希望不嫌棄的同行或者大佬加群大家一起交流，相信未來會更好

群名稱：web技術交流群（往全棧發展的）

群   號：815957915

）