vue slot

最新推荐文章于 2025-05-25 21:13:31 发布

Charli222222222

最新推荐文章于 2025-05-25 21:13:31 发布

阅读量205

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42029487/article/details/86512338

本文探讨了子组件模板中插槽的使用方法，通过具体示例展示了如何在父组件中填充子组件的匿名和具名插槽内容，揭示了Vue.js中组件通信的关键技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

子组件模版

<div>
    <slot name="header"></slot>
    <slot name="footer"></slot>
    <slot></slot>
</div>

父组件模板

<my-component>
    <p>Lack of anonymous slot, this paragraph will not shown.</p>
    <p slot="footer">Here comes the footer content</p>
    <p slot="header">Here comes the header content</p>
</my-component>