vue3的依赖注入

一、provide函数(在父组件中调用)

为后组件提供数据,但是需要确保是在setup生命周期中调用的

provide函数具有两个参数,第一个参数是注入名,第二个参数是注入值

二、inject函数(在想用数据的组件中使用inject函数接收调用)

inject中的参数就是我们在provide中的注入名

三、注意

1.值得注意的是我们通过provide+inject可以很方便的使用祖先组建的数据,但是调用的时候必须是定义provide函数数据的组件的后代组件可以用inject函数调用其中的数据

2.provide中数据的值的类型如果是ref,那么在inject中的类型仍然为ref为响应式的,如果数据一开始就不是响应式的,那么在调用的时候也不会是响应式的

猜你喜欢

转载自blog.csdn.net/m0_72694993/article/details/127122011