2024年前端最新Vue-5-组件通信，2024前端大厂面试题来袭

最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

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

跨组件层级组件通信

---

1. 转换为父子关系

2. event-bus（事件总线）

• 借助 Vue 实例中的 $on() 与 $emit() 方法来实现：首先创建一个全局的 Vue 实例对象(bus)

• 在需要接收数据的组件中，利用 bus 来注册事件监听（绑定自定义事件）

• 在需要传递数据的组件中，利用 bus 来触发事件并传递数据

3. vuex

4. 示例：当我们点击位于孙元素提交按钮时，父元素的回调函数this.$bus.$on("transmit",val=>{ console.log(val)}) }打印出来自孙元素传递的信息结果{name: ‘jack’, age: 20}