首页 > 其他 > 详细

vue 插槽

时间:2020-01-06 11:20:18      阅读:86      评论:0      收藏:0      [点我收藏+]

Vue的插槽slot,分为3种

  • 匿名插槽
  • 具名插槽
  • 作用域插槽

匿名插槽 也叫单个插槽 在子组件的任务位置定义一个slot标签,这样父组件在子组件里写的内容就能显示在页面上

***子组件里只能有一个这样的插槽

父组件

技术分享图片

 

子组件

技术分享图片

 

 具名插槽 ---给每个slot标签加个name 属性

***可以有多个

父组件:

技术分享图片

 

 

 子组件

技术分享图片

 

 

作用域插槽----带数据的插槽

前面两种都是父组件通过绑定数据传递给子组件而作用域插槽就可以通过子组件绑定数据传递给父组件

 

父组件

技术分享图片

 

 

 技术分享图片

 

 子组件

技术分享图片

 

vue 插槽

原文:https://www.cnblogs.com/bm20131123/p/12155066.html

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