关于slot、slot-scope的指令的一些操作记录

关于slot、slot-scope的指令的一些操作记录：

从vue2.6.0开始，slot、slot-scope已经被废弃，推荐使用v-slot；

slot-scope是作用域插槽,
父组件中不能直接用子组件中定义的data数据。
而slot-scope的出现就是解决了这样的问题

子组件：
<slot name="myslot" :data='list'></slot>父组件：
<son><template slot="myslot" slot-scope="scope"><ul><li v-for="item in scope.data">{{item}}</li></ul></template>
</son>备注：**slot-scope就是取data的值，slot-scope的值是自定义的，我们可以取任何名称，但是data的值传过来时是以对象形式传输的，所以在这scope.data才是list的值**。
------------------------------------------------------------------------------vue2.6.0开始，slot、slot-scope已经被废弃，推荐使用v-slot;
子组件：<div><slot name="header":msg="msg"></slot><p>这里是test组件</p>
</div>父组件：
<Test><template v-slot:header="scope">//v-slot定义作用域插槽<div><h3>slot</h3><p> {{scope.msg}} </p></div></template>
</Test>

特别注意使用事项----》》》

v-slot在使用时，需要在template标签内，这点大家在应用时要注意。

关于slot、slot-scope的指令的一些操作记录相关推荐

Vue中插槽-----特殊特性slot、slot-scope与指令v-slot的使用方法
1.slot作用/概念:预先将将来要使用的内容进行保留: 2.具名插槽:给slot起个名字 3.slot.slot-scope已经被废弃推荐使用vue2.6.0中的v-slot:但是这边还是对新旧方法 ...
Ubuntu 常用快捷键、指令以及相关操作
Ubuntu 常用快捷键.指令以及相关操作 Ubuntu常用快捷键.指令(简洁版) 系统自带截图工具的使用配置环境变量 Ubuntu常用快捷键.指令(简洁版) 快捷键快捷键含义 Ctrl + A ...
【Linux】Linux基本指令和工具操作大集合(vim、gcc/g++、gdb、make/makefile、git)
[Linux]Linux基本指令和工具操作大集合(vim.gcc/g++.gdb.make/makefile.git) 文章目录 [Linux]Linux基本指令和工具操作大集合(vim.gcc/g+ ...
LINUX基础CAN指令及常见操作
CAN指令 CAN接收指令用法 candump canX //can第X号端口接收监听CAN总线 e.g.:candump can1 CAN发送指令 cansend canX XXX#1122334 ...
s7填表指令att_S7-200PLC 表操作指令
摘要:表操作指令如表4-25所示.表4-25 表操作指令名称指令格式(语句表)功能操作数表存数指令ATT DATA,TABLE将一个字型数据DATA添加到表TABLE的末尾.EC值加1DATA,TAB ...
【stata】基础指令——学习教程全记录（01）
开一文记录和总结stata的学习,不断更新中~ 拿到一个数据集,首先要全局了解一下这个数据集的情况: [describe]查看这个数据集的简要介绍,包括了样本数量(obs:).变量数量(vars:). ...
ARM：特殊功能寄存器、Load/Store内存读写指令、栈操作指令
1.特殊功能寄存器读写指令 msr -->>将普通寄存器中的数据写到特殊寄存器中 mrs -->>将特殊寄存器中的数据写到普通寄存器中注:特殊寄存器 cpsr 的读写访问只能 ...
【ARMv8 编程】A64 数据处理指令——位域字节操作指令
有些指令将字节.半字或字扩展到寄存器大小,可以是 X 或 W.这些指令存在于有符号(SXTB.SXTH.SXTW)和无符号(UXTB.UXTH)变体中,并且是适当的位域操作指令. 这些指令的有符号和无 ...
ARM汇编指令-协处理器cp15操作指令(mcr amp; mrc)
一.协处理器 SoC内部另一处理核心,协助主CPU实现某些功能,被主CPU调用执行一定任务.ARM设计上支持多达16个协处理器,但是一般 SoC只实现其中的CP15.(cp:coprocessor) ...

关于slot、slot-scope的指令的一些操作记录

关于slot、slot-scope的指令的一些操作记录相关推荐

最新文章

热门文章