组合式API- provide和inject（Vue3学习11）

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-11-23 10:47 被阅读0次

一、作用场景

顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信

image.png

二、跨层传递普通数据

顶层组件通过provide函数提供数据

底层组件通过inject函数获取数据

image.png

在调用provide函数时，第二个参数设置为ref对象

image.png

顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件中的数据

image.png

image.png

如何在 vue3 中提供一个类型安全的 inject
在 vue3 中可以使用 provide / inject 来提供 / 注入一些公共数据，但是被 inject 的...
Vue3 使用 provide inject 刷新路由
Vue3 中使用 provide inject 刷新部分路由页面其中原理就是使用 provide 提供一个 re...
provide inject在vue2和vue3中的使用
vue2父组件 vue2子组件 vue3父组件 vue3子组件 vue3官方详细使用provide inject地...
vue新特性provide/inject深入学习
provide/inject深入学习本文深入探究provide,inject 在官网porivide, inje...
使用Provide和Inject设计Vue3插件
使用provide和inject的Vue依赖项注入非常适合构建Vue3插件或避免prop多层传递。尽管不经常使用...
[vue3] provide - inject
vue3快release了，一些新特性也需要了解下，在多层组件传递参数情况下，provide是更好的选择组合式提...
vue 解决provide和inject响应
vue 解决provide和inject响应官网上说provide 和 inject 绑定并不是可响应的。这是刻...
2021-02-25
Vue3的点击隐藏显示功能前言： provide：提供，相当于set inject：注入，相当于get vue的...
27.provide和inject
事实上我们之前还学习过Provide和Inject，Composition API也可以替代之前的 Provide...
Vue3组合式API中的provide和inject
组合式API中也可以使用provide/inject,但两者都只能在当前活动实例的setup()期间调用为了方便...

本文标题：组合式API- provide和inject（Vue3学习11）

本文链接：https://www.haomeiwen.com/subject/ltmjwdtx.html