插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制
案例
如下代码:
在子组件中放一个占位符
在父组件中给这个占位符填充内容:
展示的效果:
现在来看看,如果子组件中没有放插槽,同样的父组件中在子组件中填充内容,会是啥样的:
子组件代码无插槽:
父组件照常填充内容:
展示的效果:
总结:如果子组件没有使用插槽,父组件如果需要往子组件中填充模板或者html, 是没法做到的
扫描二维码,在手机上阅读!
评论