Vue3 依赖注入------父级组件与子孙级组件之间的数据传递

依赖注入是针对 父级组件与子孙级组件之间的数据传递 数据的传递，或者有很多后代组件的情况，只针对直系后代使用，实现组件之间的数据共享。

需要使用到vue提供的 provide以及inject 方法

其中，provide用来提供传递的数据，inject用来接收数据

子组件的如果也想要使用爷爷组件的数据， *** 作方法是一样的，也是通过inject进行接收并且return，然后直接使用即可。

总结：

1父传子孙数据：provide

2子孙得到数据：inject

这里还是使用provide和inject来进行数据的传递，但是这次是通过函数的参数进行传值。

1导入provide和inject到父组件中

2通过provide声明函数，并要有形参用来接收孙组件传来的实参

总结：

1孙子组件传递数据给爷爷组件，需要通过provide一个函数的方式实现

2爷爷组件传递一个函数，后续通过函数的形参获取数据

孙子组件获取并调用该函数传递数据

1父子传参：

爹给儿子传递数据，通过 自定义属性 ，给组件props属性，然后绑定在父组件的子组件上

儿子给爹传递数据，通过 自定义事件

2爷爷孙子传参：

孙子给爷爷传值是 函数 ，通过provide一个函数，在孙子组件inject注入，然后通过参数传递想要传递的值

爷爷给子孙传递 数据 ，通过provide一个变量和值，在孙子组件inject注入，孙子组件通过inject接收数据即可。

3后代给前辈 传数据都需要 函数传参

4自定义属性、事件（函数）一般都绑定在父组件中，也就是provide一般出现在父组件，不论是提供给孙组件的数据还是接收孙组件数据的函数

<div>

    <p></p>

    <a href="#"><span></span></a>

</div>

如这个结构，div就是p的父对象，通常称为父节点；

p和a就是div的子节点；

span是a的子节点；

span是div的孙子节点；

你可以想象成父亲——儿子——孙子的关系

public static void main(String[] args) {

String pid;//只得到一条数据的PID

List chilren = findChldren(pid);// 此children 是所有子节点了 写在事务里一起删除就可以了

}

//根据PID 找出 所有子节点（包括孙子节点）

private List findChildren(String pid)

{

//通过传进来的PID 查找子节点集合 ;

List children = findChildrenByPid(pid);

if(children!=null&&childrensize()>0){

for(Object c : children){

childrenaddAll(findChildren(c));

}

}

}

//根据PID找出子节点

private List findChildrenByPid(String pid){

}

以上就是关于Vue3 依赖注入------父级组件与子孙级组件之间的数据传递全部的内容，包括:Vue3 依赖注入------父级组件与子孙级组件之间的数据传递、html中的父对象到底是什么、递归表删除，只得到一条数据删除下级节点及下下级。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！