插槽就是子組件中的提供給父組件使用的一個占位符，用<slot></slot> 表示，父組件可以在這個占位符中填充任何模板代碼，如 HTML、組件等，填充的內容會替換子組件的<slot></slot>標簽。

如下代碼：

1. 在子組件中放一個占位符

?

2.?在父組件中給這個占位符填充內容：

?

3.?展示的效果

現在來看看，如果子組件中沒有放插槽，同樣的父組件中在子組件中填充內容，會是啥樣的：

1. 子組件代碼無插槽：

2. 父組件照常填充內容：

?

?

3.?展示的效果：

?

?

總結：如果子組件沒有使用插槽，父組件如果需要往子組件中填充模板或者html, 是沒法做到的

總結

以上是生活随笔為你收集整理的前端学习（2618）：vue插槽--默认插槽的全部內容，希望文章能夠幫你解決所遇到的問題。

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