1-10和1-11

来源:1-11 作用域插槽

柠檬楠

2021-04-06 16:55:32

问题描述:

为什么这两种写法交换使用时会报错呢?

有什么区别吗?

相关截图:

http://img.mukewang.com/climg/606c21c1091d05f803660121.jpg

http://img.mukewang.com/climg/606c21c109d7dc0803700112.jpg


写回答

1回答

好帮手慕星星

2021-04-06

同学你好,这两种写法是不同的,解释如下:

第一个是具名插槽,也就是有header具体名称的

http://img.mukewang.com/climg/606c26fe0907f76008860663.jpg

第二个是作用域插槽,slot上传递的属性称为插槽prop,也就是这里的:item

http://img.mukewang.com/climg/606c27e30973928c09210274.jpg

父级作用域中,就可以使用带值的 v-slot 来定义插槽 prop 的名字

http://img.mukewang.com/climg/606c28350990fd4a07970263.jpg

这里的v-slot是简写,全称是v-slot:default,表示独占默认插槽。


两种主要区别是在slot上是否传递了属性,然后决定怎么写v-slot,记住这两种写法即可。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程