slot是什么?有什么作用?原理是什么?
slot又名插槽,是Vue的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。slot又分三类,默认插槽,具名插槽和作用域插槽。
默认插槽:又名匿名查抄,当slot没有指定name属性值的时候一个默认显示插槽,一个组件内只有有一个匿名插槽。
具名插槽:带有具体名字的插槽,也就是带有name属性的slot,一个组件可以出现多个具名插槽。
作用域插槽:默认插槽、具名插槽的一个变体,可以是匿名插槽,也可以是具名插槽,该插槽的不同点是在子组件渲染作用域插槽时,可以将子组件内部的数据传递给父组件,让父组件根据子组件的传递过来的数据决定如何渲染该插槽。
实现原理:当子组件vm实例化时,获取到父组件传入的slot标签的内容,存放在vm.$slot
中,默认插槽为vm.$slot.default
,具名插槽为vm.$slot.xxx
,xxx 为插槽名,当组件执行渲染函数时候,遇到slot标签,使用$slot
中的内容进行替换,此时可以为插槽传递数据,若存在数据,则可称该插槽为作用域插槽。
slot是什么?有什么作用?原理是什么?相关推荐
- XAI之SHAP:SHAP算法(How—每个特征如何重要/解释单个样本的预测)的简介(背景/思想/作用/原理/核心技术点/优缺点)、常用工具库、应用案例之详细攻略
XAI之SHAP:SHAP算法(How-每个特征如何重要/解释单个样本的预测)的简介(背景/思想/作用/原理/核心技术点/优缺点).常用工具库.应用案例之详细攻略 目录 SHAP的简介 0.SHAP算 ...
- ActiveMQ的作用,原理是啥?
ActiveMQ的作用.原理是啥? ActiveMQ的作用就是实现跨网络的习性与系统剑通信,可以将业务解耦,提供异步消息支持,增加系统并发量.比如原本执行一个操作需要1s,那么用户请求后必须等待1s之 ...
- 滤波器原理及其作用计算机网络,滤波器的种类/作用/原理
一.概述 1.定义 凡是可以使信号中特定的频率成分通过,而极大地衰减或抑制其他频率成分的装置或系统都称之为滤波器,相当于频率"筛子". 2.分类 幅频特性如下 频率通带:能通过滤波 ...
- 路由交换的作用/原理/工作过程
交换机 可以为接入交换机的任意两个网络节点提供独享的电信号通路. 以太网交换机了解每一端口相连设备的MAC地址,并将地址同相应的端口映射起来存放在交换机缓存中的MAC地址表中. 二层交换机的作用: 区 ...
- kafka的作用 原理 对比
1.what这个技术是什么 官方文档定义 PUBLISH & SUBSCRIBE Read and write streams of data like a messaging system. ...
- BatchNorm的作用--原理详解
其一,直觉上讲,将所有的x将其变化范围通过归一化从1-1000到一个相似的变化范围,这样可以加快学习速度 其二,在输入的分布不同的情况下,如图 第一个输入全是黑猫,其分布如其上图(左),其学到的决策边 ...
- 2022前端面试题上岸手册-Vue部分
1.Vue 的基本原理 当一个 Vue 实例创建时,Vue 会遍历 data 中的属性,用 Object.defineProperty ( vue3.0 使 用 proxy ) 将 它 们 转 为 g ...
- volatile作用
volatile 的主要作用有两点: - 保证变量的内存可见性 - 禁止指令重排序 前提知识了解 JMM 所有的共享变量都存储于主内存.这里所说的变量指的是实例变量和类变量,不包含局部变量,因为局部变 ...
- 凯利讯半导体滤波器的种类与作用
滤波器(filter)是一种减少或消除谐波对电力系统影响的电气部件.滤波器是由电容.电感和电阻组成的滤波电路,可以对电源线中特定频率的频点或该频点以外的频率进行有效滤除,得到一个特定频率的电源信号,或 ...
- 「自控原理」4.2 根轨迹法分析与校正
本节介绍利用根轨迹法分析系统性能发热方法 本节介绍根轨迹校正 文章目录 利用根轨迹分析系统性能 主导极点法 增加零极点对系统的影响 根轨迹校正 串连超前校正 原理与步骤 超前校正例题 串连滞后校正 附 ...
最新文章
- python -如何查看已经安装xlrd 的版本号
- MySQL导数据工具对比
- android 图片横竖判断_Android应用开发之android 判断ImageView当前显示的是哪一张图片...
- 《JAVA与模式》之责任链模式
- 【简便代码】1082 射击比赛 (20分)_17行代码AC
- .NET 6 新特性 PeriodicTimer
- go语言渐入佳境[6]-operator运算符
- git rebase用法_Git入门实战
- 三款旗舰手机、四大高端生态新品,Redmi发布K50系列等七大重磅新品
- linux QT 程序自启动,Qt Windows下开机自动启动自己的程序
- ffmpeg 将视频转换为图片
- JAVA----流的浅谈之一低级流
- Two Cylinders (辛普森公式处理积分)
- 安卓手机超频CPU(无修饰CPU控制)
- MIUI12内置软件卸载工具 MIUI系统应用 免ROOT 卸载工具
- excel如何根据身份证批量提取员工年龄?
- 设计模式--设配器模式
- 借助方便的工具平台,让App制作变简单
- 读《洞穴奇案》——从虐猫到禁食狗肉,自然法真的存在吗?
- 艾司博讯:拼多多商品讲解视频如何制作
热门文章
- 最新疫情地图,呆在家快疯了!这些活动你得知道。在家老爸老妈最大
- docker修改redis的密码
- zdm各命令的功能和作用_2. Ipconfig命令的主要功能是什么?有那些主要参数?各个参数的作用是什么?...
- UITableView是不会响应touchesBegan:方法的
- 武汉令人向往的美食一条街——首义园小吃街掠影
- 透明度--设置透明、半透明等效果
- python 网页游戏 渲染_WebRender:让网页渲染如丝顺滑
- 2005年1月19日
- 有没有多微信自动批量加好友的软件?
- 用于苹果分级的matlab,苹果的特征检测与MATLAB实现