首页 > 其他 > 详细

vue中使用slot

时间:2021-07-08 10:02:21      阅读:19      评论:0      收藏:0      [点我收藏+]

1、作用:使组件具有扩展性。插槽内展示的东西由使用者决定。

2、如何封装:抽取共性,保留不同。

3、<slot></slot>

4、默认值:<slot><button></button></slot>,如果引用的地方传了别的东西就会覆盖掉,没传就是默认值。

5、具名插槽:给插槽起名字,替换的时候根据名字替换。

6、编译作用域:父组件模板的所有东西都会在父级作用域内编译,子组件模板的所有东西都会在子级作用域内编译。

7、作用域插槽:父组件替换插槽的标签,但是内容由子组件来提供。

 

:data=""

slot-scope="slot"

拿值:slot.data

vue中使用slot

原文:https://www.cnblogs.com/yangh-ai/p/14984520.html

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