插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。
如下代码:
1. 在子组件中放一个占位符
2. 在父组件中给这个占位符填充内容:
3. 展示的效果
现在来看看,如果子组件中没有放插槽,同样的父组件中在子组件中填充内容,会是啥样的:
1. 子组件代码无插槽:
2. 父组件照常填充内容:
3. 展示的效果:
总结:如果子组件没有使用插槽,父组件如果需要往子组件中填充模板或者html, 是没法做到的