详解Vue slot插槽
更新时间：2021年11月19日 16:21:55 作者：维生素D没有用
这篇文章主要为大家介绍了Vue的slot插槽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
1.作用:让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件（传的是HTML格式）。
父组件App:
子组件Category：
在父组件或者子组件里都可以给插槽中的内容设置样式，效果一样
作用域插槽：
1.理解:数据在组件的自身（Category），但根据数据生成的结构需要组件的使用者（APP）来决定。(games数据在Category组件中，但使用数据所遍历出来的结构由App组件决定)
子组件在给父组件传数据
子：
父：
使用atguigu这样一个对象接收是因为可能传了多个值
作用域插槽也可以有名字name
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
下面小编就为大家分享一篇vue+webpack实现异步组件加载的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互进行直接的引用,所以组件间的相互通信是非常重要的,这篇文章主要给大家介绍了关于Vue组件之间的通信方式,需要的朋友可以参考下2022-06-06
在现代Web应用中,Office 文件的预览是一个常见的需求,本文将使用Vue-Office实现Office文件预览组件,感兴趣的小伙伴可以跟随小编一起学习一下2025-03-03
这篇文章主要介绍了Vue 自定义标签的src属性不能使用相对路径的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了vue中动态select的使用方法,结合实例形式分析了vue.js使用动态select创建下拉菜单相关实现技巧与操作注意事项,需要的朋友可以参考下2019-10-10
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
vue如何简单的实现弹框,遮罩,点击其他区域关闭弹框, 简单的思路是以一个div作为遮罩,这篇文章给大家详细介绍了vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍，感兴趣的朋友一起看看吧2018-09-09
这篇文章主要介绍了vue3.2中的vuex使用详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
本文主要介绍了vue ElementUI的from表单实现登录效果的示例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了vue 监听窗口变化对页面部分元素重新渲染操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue中实现回车键登录功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-02-02
最新评论