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常见面试题问题

相关内容

热门资讯

玩家终于实锤了!粤麻圈麻将有挂... 你好粤麻圈麻将这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785】...
玩家终于实锤了!美酒之城有挂吗... 玩家终于实锤了!美酒之城有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)1、让任何用户在无需AI...
玩家终于实锤了!凯撒皇宫有挂吗... 自定义凯撒皇宫系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分...
玩家终于实锤了!福建十三道有挂... 您好，福建十三道这款游戏可以开挂的，确实是有挂的，需要了解{请加QQ群客服咨询：1075075785...
玩家终于实锤了!川南麻将有挂吗... 亲，川南麻将这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，川南麻将的开挂软件，名...
玩家终于实锤了!嘉邻游戏有挂吗... 玩家终于实锤了!嘉邻游戏有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)是一款可以让一直输的玩家...
玩家终于实锤了!同城游牛鬼有挂... 玩家终于实锤了!同城游牛鬼有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)是一款可以让一直输的玩...
玩家终于实锤了!打两圈麻将有挂... 您好，打两圈麻将这款游戏可以开挂的，确实是有挂的，需要了解{请加QQ群客服咨询：1075075785...
玩家终于实锤了!歪歪有挂吗(分... 玩家终于实锤了!歪歪有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)是一款可以让一直输的玩家，快...
玩家终于实锤了!微乐云南麻将有... 你好微乐云南麻将这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785...
玩家终于实锤了!开心联盟有挂吗... 玩家终于实锤了!开心联盟有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)是一款可以让一直输的玩家...
玩家终于实锤了!聚兴茶馆有挂吗... 亲，聚兴茶馆这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，聚兴茶馆的开挂软件，名...
玩家终于实锤了!土豪赢三张有挂... 你好土豪赢三张这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785】...
玩家终于实锤了!乐太坊有挂吗(... 玩家终于实锤了!乐太坊有挂吗(分享技巧)原来是有挂的(已更新)(今日头条)1、让任何用户在无需AI插...
玩家终于实锤了!秋水佳人有挂吗... 你好秋水佳人这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785】，...
玩家终于实锤了!桦南麻将有挂吗... 您好，桦南麻将这款游戏可以开挂的，确实是有挂的，需要了解{请加QQ群客服咨询：1075075785}...
玩家终于实锤了!聚友联盟有挂吗... 您好：聚友联盟确实真的有挂，软件请加QQ群客服咨询：1075075785确实是有挂的，很多玩家在这款...
玩家终于实锤了!哈狗游戏有挂吗... 你好哈狗游戏这个游戏其实有挂的，确实是有挂的，需要了解【请加QQ群客服咨询：1075075785】，...
玩家终于实锤了!乐宝棋牌有挂吗... 自定义乐宝棋牌系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分...
玩家终于实锤了!老胡吧有挂吗(... 亲，老胡吧这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，老胡吧的开挂软件，名称叫...