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


    目录

    第一部分:具名插槽

    第二部分:作用域插槽

    第三部分:默认插槽


    第一部分具名插槽

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

    父组件:

    子组件:

    第二部分作用域插槽

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

    父组件:

     子组件:

    子组件中的数据: 

    第三部分默认插槽

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

    父组件:

     

    父组件数据:

     子组件:

    子组件: 

    整体案例讲解源码:

    父组件:

    子组件:

     

  • 相关阅读:
    Linux: 命令:echo
    php程序设计的基本原则
    list的介绍及使用
    centos下防火墙对指定ip开放端口权限
    R 语言 | 自定义R中的管道符 `%>>2%`
    基于SSM的物流系统
    技术分享 记一次19c本地端克隆pdb到目标端
    如何实现 MongoDB join mysql
    事务管理 &AOP
    美国服务器速度变慢了有没有解决办法?
  • 原文地址:https://blog.csdn.net/m0_59505309/article/details/126277869