vue3 父组件给子组件传值 provide & inject
发布日期：2021-05-09 02:48:34
浏览次数：17
分类：技术文章
本文共 255 字，大约阅读时间需要 1 分钟。
介绍
provide()和inject()可以实现嵌套组件之间的数据传递。- 这两个函数只能在
setup()函数中使用。 - 父级组件中使用
provide()函数向下传递数据。 - 子级组件中使用
inject()获取上层传递过来的数据。 - 不限层级
下面来看一个简单的例子。
父组件
子组件
{{ customVal }}
补充
父组件可以通过
ref创建响应式数据通过provide共享给子组件
发表评论
最新留言
不错！
[***.144.177.141]2025年05月06日 10时49分42秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
Leaflet中使用leaflet-cion-pulse插件实现波动的图标效果
2025-04-04
Leaflet中使用Leaflet-echarts3插件实现航班航线动态模拟
2025-04-04
Leaflet中使用Leaflet-MiniMap插件实现小地图效果
2025-04-04
Leaflet中使用leaflet-sidebar插件实现侧边栏效果
2025-04-04
Leaflet中使用leaflet.browser.print插件实现导出图片
2025-04-04
Leaflet中使用leaflet.browser.print插件实现打印/导出为pdf
2025-04-04
Leaflet中使用Leaflet.contextmenu插件实现地图上添加鼠标右键菜单
2025-04-04
Leaflet中使用Leaflet.draw插件实现图形交互绘制和编辑(修改图形坐标点)
2025-04-04
Leaflet中使用Leaflet.fullscreen插件实现全屏效果
2025-04-04
Leaflet中使用Leaflet.MagnifyingGlass实现放大镜效果
2025-04-04
Leaflet中使用Leaflet.Path.Transform插件实现旋转图形
2025-04-04
Leaflet中使用Leaflet.Spin插件实现地图加载等待效果
2025-04-04
Leaflet中使用markerCluster实现点聚合效果
2025-04-04
Leaflet中使用MovingMarker插件实现标记移动(轨迹回放效果)
2025-04-04
Leaflet中原生方式实现测距
2025-04-04
Leaflet中原生方式实现测量面积
2025-04-04
Leaflet中实现添加、隐藏、自定义缩放Zoom控件
2025-04-04
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 465742718 位访客