vue中v-slot详解,具名插槽和作用域插槽

发布时间:2023-07-29 19:00

1、具名插槽

具名插槽通常用作在指定的位置输出我们的子元素

//组件调用时

  


//书写组件时

最后可以将元素放在任意位置

2、作用域插槽

作用域插槽的主要作用是在书写插槽内容时可以获取到插槽作用域的值。

//组件调用

   


//书写组件时

注意事项:
这里需要注意的是item是所有你绑定属性的集合,也就是你写的:msg=“title”会当做item的属性来实现。

item可以改为其它的名称,自定义就好。

3、默认插槽

4、总结

v-slot的出现是为了代替原有的slot和slot-scope
简化了一些复杂的语法。
一句话概括就是v-slot :后边是插槽名称,=后边是组件内部绑定作用域值的映射。

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号