VUE实现父子组件传值以及递归组件的传值，为什么要学前端开发

总结

阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。

开源分享：docs.qq.com/doc/DSmRnRG… 子组件通过props接收父组件传过来的值

src\views\components\HeaderMenu\Engineer.vue

子组件给父组件传值

子组件通过this.$emit发送要传递的值

父组件

注意：递归组件向外传递数据直接用$emit是无法实现的。

解决方法：

1方法1：:用provide,inject方法实现。这种实现方法是实现爷爷组件和孙子组件通信的常用方法之一。但是逻辑上，爷爷组件和孙子组件之间是有耦合关系。如果组件封装需要尽量实现解耦，这种方式是有缺点的。

2.方法2：用eventBus实现：这种方法用在兄弟组件之间通信很常见。当然也可以用在爷爷组件和孙子组件之间的传递数据。

用这种方法实际上是用一个中介来传递数据，可以实现递归组件和使用它的组件之间的解耦。

来创建出我们的eventBus，我们把它命名为bus.js：

import Vue from 'vue';

export default new Vue();

在递归组件和使用它的组件同时引入：

import Bus from 'common/js/bus.js';

最后

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】