关于slot有点疑问

来源:1-11 作用域插槽

我不是西格玛

2022-04-24 18:23:33

https://img.mukewang.com/climg/626524f409aa89ed03630052.jpg

这么写是由子组件传入数据

https://img.mukewang.com/climg/62652518090884ba03470064.jpg

这么写就是绑定是吧

写回答

1回答

好帮手慕慕子

2022-04-24

同学你好,对于你的问题解答如下:

1、下图所示理解是对的

https://img1.sycdn.imooc.com/climg/626525a3095ac81905730154.jpg

2、v-slot:header 这种写法不属于绑定,是vue中设置具名插槽的固定写法(官方称之为传递参数)。

示例:定义插槽时,v-slot后面添加冒号和名称,可以理解为是用来设置当前插槽的名称

https://img1.sycdn.imooc.com/climg/6265262f09a8d31f06400300.jpg

使用插槽时,可以在template元素上使用v-slot指令,v-slot:xxx 这种以参数的形式提供插槽的名称,将现在 <template> 元素中的所有内容都将会被传入相应的插槽。所以最终的展示效果如下:

https://img1.sycdn.imooc.com/climg/6265277e099b35ea10130651.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程