7. slot 是什么？有什么作用？原理是什么？

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

默认插槽: 又名匿名插槽, 当 slot 没有指定 name 属性值的时候一个默认显示插槽, 一个组件内只有有一个匿名插槽
具名插槽: 带有具体名字的插槽, 也就是带有 name 属性的 slot, 一个组件可以出现多个具名插槽
作用域插槽: 默认插槽、具名插槽的一个变体, 可以是匿名插槽, 也可以是具名插槽, 该插槽的不同点是在子组件渲染作用域插槽时, 可以将子组件内部的数据传递给父组件, 让父组件根据子组件的传递过来的数据决定如何渲染该插槽

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

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

7. slot 是什么？有什么作用？原理是什么？

7. slot 是什么？有什么作用？原理是什么？

7. slot 是什么？有什么作用？原理是什么？相关推荐

最新文章

热门文章