首页 > 其他 > 详细

vue solt 属性浅析

时间:2019-02-26 10:42:39      阅读:156      评论:0      收藏:0      [点我收藏+]

 

 

 

solt 也就是插槽,通俗的讲也是和div,span,p等类似的html标签,只是solt是子组件中的html标签。它显示不显示完全是由父组件决定的,

但是显示的位置是由子组件自己决定的。插槽主要分为三大类:匿名插槽,具名插槽,作用域插槽。下面分别讲解。

1.具名插槽

  子组件

技术分享图片

父组件

技术分享图片

运行结果

技术分享图片

2.匿名插槽

子组件

技术分享图片

父组件

技术分享图片

运行结果

技术分享图片

3.作用域组件

作用域插槽要求,在slot上面绑定数据

子组件

技术分享图片

父组件

技术分享图片

运行结果:li标签展示展示data数组里的每一个名字

 

vue solt 属性浅析

原文:https://www.cnblogs.com/myspecialzone/p/10435774.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!