• 更多的文章，請關注我的頭條號，我是落筆承冰。

一、先創建一個test1.html文件，還是得在head里鏈接vue的庫。

二、創建一個父組件一個全局子組件。

三、給子組件添加模板吧，然后在父組件里顯示。

四、到這里是沒有問題的，接下來我想在父組件里添加標簽，如常一般的添加標簽，比如一個p標簽。

• 刷新瀏覽器，你會發現，這個p標簽居然顯示不出來。

五、這里在父組件里添加的標簽，必須要在子組件里添加一個插槽slot。

• 這回終于可以正常顯示了。

六、可會在這么一種情況，大家看一下，我添加了兩個p標簽，于是我放兩個插槽，想讓它正常按我的要求顯示。

• 可最后卻得到如下的如下的結果。

七、怎么樣才能達到我原先的要求，第一行是“我是父組件的標簽1”，第二行是“我是子組件”，第三行是“我是父組件的標簽2”呢，那就是給標簽起名字。

以上就是有關vue插槽的理解，希望能和大家一起學習，以下的是源碼。

---

Document

我是父組件的標簽1

我是父組件的標簽2

總結

以上是生活随笔為你收集整理的vue为p标签_通过vue.js几个基本操作，理解一下什么是插槽「606」的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。