vue具名插槽的基本使用实例

Vue 中的插槽在开发组件的过程中其实是非常重要并且好用的。下面这篇文章主要给大家介绍了关于vue具名插槽基本使用的相关资料,需要的朋友可以参考下

前言

具有名字的插槽slot使用 中的 "name" 属性绑定元素

注意:

1,如果没有匹配到 则放到匿名的插槽中

2,具名插槽的渲染顺序,完全取决于模板,而不是取决于父组件中元素的顺序

vue的匿名插槽(默认插槽)

父组件

代码优化

我是刚刚

子组件

总结

到此这篇关于vue具名插槽基本使用的文章就介绍到这了,更多相关vue具名插槽内容请搜索luxessed.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持luxessed.com!

以上就是vue具名插槽的基本使用实例的详细内容,更多请关注luxessed.com其它相关文章!

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益 请一个月内联系我们,我们将配合处理!

原文地址:vue具名插槽的基本使用实例发布于2022-11-18 13:44:01