slot又名插槽,是Vue的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。slot又分三类,默认插槽,具名插槽和作用域插槽。

  • 默认插槽:又名匿名查抄,当slot没有指定name属性值的时候一个默认显示插槽,一个组件内只有有一个匿名插槽。

  • 具名插槽:带有具体名字的插槽,也就是带有name属性的slot,一个组件可以出现多个具名插槽。

  • 作用域插槽:默认插槽、具名插槽的一个变体,可以是匿名插槽,也可以是具名插槽,该插槽的不同点是在子组件渲染作用域插槽时,可以将子组件内部的数据传递给父组件,让父组件根据子组件的传递过来的数据决定如何渲染该插槽。

实现原理:当子组件vm实例化时,获取到父组件传入的slot标签的内容,存放在vm.$slot中,默认插槽为vm.$slot.default,具名插槽为vm.$slot.xxx,xxx 为插槽名,当组件执行渲染函数时候,遇到slot标签,使用$slot中的内容进行替换,此时可以为插槽传递数据,若存在数据,则可称该插槽为作用域插槽。

slot是什么?有什么作用?原理是什么?相关推荐

  1. XAI之SHAP:SHAP算法(How—每个特征如何重要/解释单个样本的预测)的简介(背景/思想/作用/原理/核心技术点/优缺点)、常用工具库、应用案例之详细攻略

    XAI之SHAP:SHAP算法(How-每个特征如何重要/解释单个样本的预测)的简介(背景/思想/作用/原理/核心技术点/优缺点).常用工具库.应用案例之详细攻略 目录 SHAP的简介 0.SHAP算 ...

  2. ActiveMQ的作用,原理是啥?

    ActiveMQ的作用.原理是啥? ActiveMQ的作用就是实现跨网络的习性与系统剑通信,可以将业务解耦,提供异步消息支持,增加系统并发量.比如原本执行一个操作需要1s,那么用户请求后必须等待1s之 ...

  3. 滤波器原理及其作用计算机网络,滤波器的种类/作用/原理

    一.概述 1.定义 凡是可以使信号中特定的频率成分通过,而极大地衰减或抑制其他频率成分的装置或系统都称之为滤波器,相当于频率"筛子". 2.分类 幅频特性如下 频率通带:能通过滤波 ...

  4. 路由交换的作用/原理/工作过程

    交换机 可以为接入交换机的任意两个网络节点提供独享的电信号通路. 以太网交换机了解每一端口相连设备的MAC地址,并将地址同相应的端口映射起来存放在交换机缓存中的MAC地址表中. 二层交换机的作用: 区 ...

  5. kafka的作用 原理 对比

    1.what这个技术是什么 官方文档定义 PUBLISH & SUBSCRIBE Read and write streams of data like a messaging system. ...

  6. BatchNorm的作用--原理详解

    其一,直觉上讲,将所有的x将其变化范围通过归一化从1-1000到一个相似的变化范围,这样可以加快学习速度 其二,在输入的分布不同的情况下,如图 第一个输入全是黑猫,其分布如其上图(左),其学到的决策边 ...

  7. 2022前端面试题上岸手册-Vue部分

    1.Vue 的基本原理 当一个 Vue 实例创建时,Vue 会遍历 data 中的属性,用 Object.defineProperty ( vue3.0 使 用 proxy ) 将 它 们 转 为 g ...

  8. volatile作用

    volatile 的主要作用有两点: - 保证变量的内存可见性 - 禁止指令重排序 前提知识了解 JMM 所有的共享变量都存储于主内存.这里所说的变量指的是实例变量和类变量,不包含局部变量,因为局部变 ...

  9. 凯利讯半导体滤波器的种类与作用

    滤波器(filter)是一种减少或消除谐波对电力系统影响的电气部件.滤波器是由电容.电感和电阻组成的滤波电路,可以对电源线中特定频率的频点或该频点以外的频率进行有效滤除,得到一个特定频率的电源信号,或 ...

  10. 「自控原理」4.2 根轨迹法分析与校正

    本节介绍利用根轨迹法分析系统性能发热方法 本节介绍根轨迹校正 文章目录 利用根轨迹分析系统性能 主导极点法 增加零极点对系统的影响 根轨迹校正 串连超前校正 原理与步骤 超前校正例题 串连滞后校正 附 ...

最新文章

  1. python -如何查看已经安装xlrd 的版本号
  2. MySQL导数据工具对比
  3. android 图片横竖判断_Android应用开发之android 判断ImageView当前显示的是哪一张图片...
  4. 《JAVA与模式》之责任链模式
  5. 【简便代码】1082 射击比赛 (20分)_17行代码AC
  6. .NET 6 新特性 PeriodicTimer
  7. go语言渐入佳境[6]-operator运算符
  8. git rebase用法_Git入门实战
  9. 三款旗舰手机、四大高端生态新品,Redmi发布K50系列等七大重磅新品
  10. linux QT 程序自启动,Qt Windows下开机自动启动自己的程序
  11. ffmpeg 将视频转换为图片
  12. JAVA----流的浅谈之一低级流
  13. Two Cylinders (辛普森公式处理积分)
  14. 安卓手机超频CPU(无修饰CPU控制)
  15. MIUI12内置软件卸载工具 MIUI系统应用 免ROOT 卸载工具
  16. excel如何根据身份证批量提取员工年龄?
  17. 设计模式--设配器模式
  18. 借助方便的工具平台,让App制作变简单
  19. 读《洞穴奇案》——从虐猫到禁食狗肉,自然法真的存在吗?
  20. 艾司博讯:拼多多商品讲解视频如何制作

热门文章

  1. 最新疫情地图,呆在家快疯了!这些活动你得知道。在家老爸老妈最大
  2. docker修改redis的密码
  3. zdm各命令的功能和作用_2. Ipconfig命令的主要功能是什么?有那些主要参数?各个参数的作用是什么?...
  4. UITableView是不会响应touchesBegan:方法的
  5. 武汉令人向往的美食一条街——首义园小吃街掠影
  6. 透明度--设置透明、半透明等效果
  7. python 网页游戏 渲染_WebRender:让网页渲染如丝顺滑
  8. 2005年1月19日
  9. 有没有多微信自动批量加好友的软件?
  10. 用于苹果分级的matlab,苹果的特征检测与MATLAB实现