详解Vue slot插槽

发布时间:2022-04-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了详解Vue slot插槽脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

1.作用:让父组件可以向子组件指定位置插入htML结构,也是一种组件间通信的方式,适用于父组件===>子组件(传的是html格式)。

父组件App:

子组件Category:

在父组件或者子组件里都可以给插槽中的内容设置样式,效果一样

作用域插槽:

1.理解:数据在组件的自身(Category),但根据数据生成的结构需要组件的使用者(APP)来决定。(games数据在Category组件中,但使用数据所遍历出来的结构由App组件决定)

子组件在给父组件传数据

子:

父:

使用atguigu这样一个对象接收是因为可能传了多个值

作用域插槽也可以有名字name

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本宝典的更多内容!

脚本宝典总结

以上是脚本宝典为你收集整理的详解Vue slot插槽全部内容,希望文章能够帮你解决详解Vue slot插槽所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。