Vue基础19之插槽
创始人
2024-05-30 01:23:55
0次

Vue基础19

  • 插槽
    • 不使用插槽
      • App.vue
      • Category.vue
    • 默认插槽：slot
      • App.vue
      • Category.vue
    • 具名插槽
      • App.vue
      • Category.vue
    • 作用域插槽
      • App.vue
      • Category.vue
    • 总结

插槽

不使用插槽

App.vue

Category.vue

在这里插入图片描述

默认插槽：slot




    我是一些默认值，当使用者没有传递具体结构时，我会出现

图片链接：
https://s3.ax1x.com/2021/01/16/srJlq0.jpg
视频链接：
http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4

App.vue

Category.vue

在这里插入图片描述

具名插槽

更多美食


我是一些默认值，当使用者没有传递具体结构时，我会出现我是一些默认值，当使用者没有传递具体结构时，我会出现

App.vue

Category.vue

在这里插入图片描述

作用域插槽

给使用者传值

我是一些默认值，当使用者没有传递具体结构时，我会出现

使用者通过template中的scope获取值

App.vue

Category.vue

在这里插入图片描述

总结

  1. 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件
  2. 分类：默认插槽、具名插槽、作用域插槽
  3. 使用方式：
    （1）默认插槽：
    父组件中：
html结构1

子组件中：

（2）具名插槽：
父组件中：

子组件中：

（3）作用域插槽
①理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。（games数据在Category组件中，但使用数据所遍历出来的结构由App组件决定）
②具体编码：
父组件中：

子组件中：
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：六、死信队列

下一篇：BERT常见面试题问题

相关内容

热门资讯

我来教大家“朋朋娱乐辅助器ap... 您好，朋朋娱乐这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游戏中打...
我来教大家“朋友局河南麻将辅助... 您好，朋友局河南麻将这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游...
我来教大家“云霄麻将辅助器ap... 我来教大家“云霄麻将辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第三方...
我来教大家“掼蛋大师辅助器ap... 我来教大家“掼蛋大师辅助器app官方下载最新版本更新”详细分享开挂一、掼蛋大师AI软件牌型概率发牌机...
我来教大家“方城记辅助器app... 您好，方城记这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游戏中打牌...
我来教大家“神来也麻将辅助器a... 我来教大家“神来也麻将辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第三...
我来教大家“新决战卡五星辅助器... 我来教大家“新决战卡五星辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第...
我来教大家“众联辅助器app官... 我来教大家“众联辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第三方神器...
我来教大家“主旋律辅助器app... 您好，主旋律这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游戏中打牌...
我来教大家“好彩麻将辅助器ap... 您好，好彩麻将这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游戏中打...
我来教大家“海门长牌辅助器ap... 您好，海门长牌这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游戏中打...
我来教大家“全盛棋牌辅助器ap... 我来教大家“全盛棋牌辅助器app官方下载最新版本更新”详细分享开挂一、全盛棋牌AI软件牌型概率发牌机...
我来教大家“一皇棋牌辅助器ap... 我来教大家“一皇棋牌辅助器app官方下载最新版本更新”详细分享开挂一、一皇棋牌AI软件牌型概率发牌机...
我来教大家“情怀三三麻将辅助器... 亲，情怀三三麻将这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，情怀三三麻将的开挂...
我来教大家“兴动电竞辅助器ap... 我来教大家“兴动电竞辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第三方...
我来教大家“无锡好运麻将辅助器... 亲，无锡好运麻将这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，无锡好运麻将的开挂...
我来教大家“长乐斗地主辅助器a... 亲，长乐斗地主这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，长乐斗地主的开挂软件...
我来教大家“乐游石城麻将辅助器... 我来教大家“乐游石城麻将辅助器app官方下载最新版本更新”详细分享开挂一、乐游石城麻将AI软件牌型概...
我来教大家“新兴茶苑辅助器ap... 亲，新兴茶苑这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，新兴茶苑的开挂软件，名...
我来教大家“画境休闲辅助器ap... 您好，画境休闲这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游戏中打...