组件插槽的使用(组件进阶)

vue中的插槽:

  1. 组件通过插槽传入自定义结构

  2. 用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容

  3. vue提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定义为插槽

下面详细介绍插槽使用 :::

一:默认插槽

格式:

在定义组件时,在template中用slot来占个坑;

使用时,将组件之间的内容来填坑;

如图示例:

二:具名插槽

当一个组件内有2处以上需要外部传入标签的地方 就需要使用具名插槽

格式:

定义: <s

  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值