slot1接口是干什么 slot1接口是哪个公司的专利( 二 )


通过上边的默认插槽和具名插槽的使用过程中,发现,基本都是父组件中决定要插入到子组件中的内容,而子组件自行决定插槽的位置 。
具名插槽,就是实现在子组件中自行决定自己要显示什么内容 。
a.子组件:

slot1接口是干什么 slot1接口是哪个公司的专利


b.父组件:
这种时候有一种情况需要注意:
如果子组件中只有一个作用域插槽时,父组件可以使用下边这种简单的写法,当然规范点还是加上template模板标签好点:
slot1接口是干什么 slot1接口是哪个公司的专利


页面效果:
slot1接口是干什么 slot1接口是哪个公司的专利


但是当子组件中有多个作用域插槽时,不建议上边这种简单的写法,因为可能会出现作用域不明确的问题 。
子组件有多个作用域插槽时:
slot1接口是干什么 slot1接口是哪个公司的专利


父组件使用这种规范的写法,可以避免有时作用域不明确问题:
slot1接口是干什么 slot1接口是哪个公司的专利


页面效果:
slot1接口是干什么 slot1接口是哪个公司的专利


推荐阅读