插槽的使用

news/2024/11/28 23:35:00/

一、插槽的基本使用

① 在子组件Child预留一个插槽slot,插槽中有一个默认的button,当父组件引用子组件时无指定,就会显示默认的button,如果父组件中引用子组件时,有指定内容,指定的内容就会替换掉整个slot标签
在这里插入图片描述
② 在父组件引用子组件,子组件标签里的内容会替换子组件中的slot标签
在这里插入图片描述
③ 页面显示:
在这里插入图片描述

二、具名插槽的使用

① 在子组件Child中指定三个插槽,指定name
在这里插入图片描述
② 在父组件引用子组件时,通过v-slot:插槽的name 可以替换指定的插槽。注意:v-slot要写在template中
在这里插入图片描述
③ 页面显示:
在这里插入图片描述

三、作用域插槽

① 在子组件Child中定义一组数据,通过 :data 绑定,使用具名插槽定义name。
在这里插入图片描述
② 在父组件中可以通过v-slot 来获取 :data 绑定的数据进行使用。 注意:v-slot要写在template中
在这里插入图片描述
③ 页面显示:
在这里插入图片描述


http://www.ppmy.cn/news/249189.html

相关文章

pclexpress是什么主板_主板知识详解:PCI Express 插槽

主板知识详解:PCI Express 插槽 PCI-Express 是最新的总线和接口标准,它原来的名称为“3GIO”,是由英特尔提出的。很明显,英特尔的意思是,它代表着下一代 I/O 接口标准。交由 PCI-SIG(PCI 特殊兴趣组织)认证发布后,才改…

插槽(slot)、普通插槽、具名插槽(多个插槽)、作用域插槽(slot绑定数据)

1.使用普通插槽 index.vue&#xff08;引入test.vue,注册) <template><p>使用插槽</p> //使用插槽<test><p>插入的内容</p></test> </template>test.vue <template><p>普通插槽</p> //slot占位<slot>…

PCI AGP PCI-E

电脑的PCI插槽可用用来安装PCI插槽的各类扩展卡。品种非常多&#xff0c;有有线网卡&#xff0c;无线网卡&#xff0c;独立声卡&#xff0c;视频采集卡&#xff0c;各类转接卡&#xff0c;如转USB口扩展、转SATA扩展等&#xff0c;还有无线操控开关机卡&#xff0c;甚至可以接主…

插槽

插槽 在开发中&#xff0c;我们会经常封装一个个可复用的组件&#xff0c;前面我们会通过props传递给组件一些数据&#xff0c;让组件来进行展示&#xff0c;但是为了让这个组件具备更强的通用性&#xff0c;我们不能将组件中的内容限制为固定的div、span等等这些元素&#xf…

pclexpress是什么主板_工业主板PCIE插槽与PCI插槽有什么区别

说到工业主板的扩展&#xff0c;那么就需要提到主板槽位&#xff0c;工业主板槽位有PCIE插槽与PCI插槽&#xff0c;现在和大家说说工业主板PCIE插槽与PCI插槽有什么区别&#xff1f; 一、工业主板PCIE插槽 全称PCI-Express&#xff0c;是目前最新的总线和接口标准。最初它是由英…

PCIE 插槽图

参考&#xff1a;https://blog.csdn.net/mantis_1984/article/details/19971333 https://blog.csdn.net/Spuer_IO/article/details/55253355

PCI-E插槽介绍

PCI-Express(peripheral component interconnect express)是一种高速串行计算机扩展总线标准&#xff0c;属于高速串行点对点双通道高带宽传输&#xff0c;所连接的设备分配独享通道带宽&#xff0c;不共享总线带宽&#xff0c;主要支持主动电源管理&#xff0c;错误报告&#…

【52】NVMe暴力热插拔对系统的要求

0、热插拔   热插拔分为两种&#xff0c;一是通知式热插拔&#xff0c;一个是暴力热插拔&#xff0c;所谓通知式热插拔就是先通知driver卸载驱动&#xff0c;停止IO&#xff0c;然后再拔出。所谓暴力热插拔就是带着IO拔出 1、 SFF-8639   SFF-8639也叫U.2&#xff0c;物理结…