插槽知识点

本文详细介绍了Vue.js中的插槽机制,包括默认插槽作为父组件提供给子组件的占位,具名插槽允许在子组件中指定命名,以及作用域插槽的自定义属性传递。通过实例展示了如何在模板中使用这些特性。
摘要由CSDN通过智能技术生成

插槽知识点
提供给父组件的一个占位符,在子组件声明slot标签
默认插槽:
在父组件的子标签中,代码
具名插槽:
在父组件中的子标签中,
<template v-slot:名字>代码
<template #名字>代码
作用域插槽:
<slot name=" " 自定义的属性=“传递的参数”> ,
在父组件的子标签中<template v-slot:名字=" ">代码
在父组件的子标签中<template v-slot:名字=" sdope ">{{scope}}

在父组件的子标签中<template #名字> 代码

在父组件的子标签中<template #名字=" scope ">{{scope}}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值