• 【精讲】vue框架 具名插槽、作用域插槽、默认插槽(内含所有源码)


    目录

    第一部分:具名插槽

    第二部分:作用域插槽

    第三部分:默认插槽


    第一部分具名插槽

    具名插槽是指将父组件中的数据传到子组件中,此外,该类型插槽有三种写法,第一种是属于旧编写版本,后面两种是刚出来的。

    父组件:

    子组件:

    第二部分作用域插槽

    作用域插槽是指将子组件中的数据传到父组件中,此外,该类型数据在父组件中可以进行遍历等数据操作。

    父组件:

     子组件:

    子组件中的数据: 

    第三部分默认插槽

    默认插槽只需要子组件中含有一个slot标签即可,不用给定name值,变可以自动的插入,该内容属于多父组件内部值对应子组件内部单个slot。

    父组件:

     

    父组件数据:

     子组件:

    子组件: 

    整体案例讲解源码:

    父组件:

    子组件:

     

  • 相关阅读:
    mac清理垃圾的软件有哪些?这三款我最推荐
    跨系统文件共享方式,你还在用U盘拷贝?
    .NET 表达式目录树
    Android系统启动之init进程启动+Zygote进程启动分析
    SpringCloud 微服务注册中心 Eureka - Server
    C++ 修饰符类型
    K8s源码分析(一)-K8s调度框架及调度器初始化介绍
    Centos, RockyLinux 常用软件安装汇总
    【LeetCode】每日一题 2024_5_14 完成所有任务需要的最少轮数(哈希)
    Mysql密码忘记后怎么重置密码,mysql8之后有改动
  • 原文地址:https://blog.csdn.net/m0_59505309/article/details/126277869