VUE

匿名插槽

霄
2024-08-10 / 0 评论 / 64 阅读 / 正在检测是否收录...

插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制

案例

如下代码:

在子组件中放一个占位符

在父组件中给这个占位符填充内容:

展示的效果:

在这里插入图片描述

现在来看看,如果子组件中没有放插槽,同样的父组件中在子组件中填充内容,会是啥样的:

子组件代码无插槽:

在这里插入图片描述

父组件照常填充内容:

在这里插入图片描述

展示的效果:

在这里插入图片描述

总结:如果子组件没有使用插槽,父组件如果需要往子组件中填充模板或者html, 是没法做到的

扫描二维码,在手机上阅读!
20

评论

博主关闭了当前页面的评论