vue-插槽介绍slot

一 插槽: 用于在父模版中用于占位,增加组件扩展性
1.匿名插槽
2.具名插槽
3.作用域插槽

1.匿名插槽
⼦组件定义 slot 插槽,但并未具名,因此也可以说是默认插槽。只要
在⽗元素中插⼊的内容,默认加⼊到这个插槽中去

2.具名插槽
具名插槽可以出现在不同的地⽅,不限制出现的次数。只要匹配了
name 那么这些内容就会被插⼊.

只要匹配到slot标签的name值 template中的内容就会被插入到这个槽中

例:

方式1 : 设置插槽

匹配插槽
提交

方式2:
设置插槽
<template #submit> 匹配插槽
提交

3.作⽤域插槽

通常情况下普通的插槽是⽗组件使⽤插槽过程中传⼊东⻄决定了插槽
的内容。但有时我们需要获取到⼦组件提供的⼀些数据,那么作⽤域
插槽就排上⽤场了

Ps:在不影响开发开的功能组件前,加入新的组件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值