2024-11-03 13:22 钱大妈_应用研发部_前端开发工程师 发布于广东
发布于广东 关注
Vue中怎么实现组件间的通信？
在Vue中，组件之间的通信可以有多种方式实现：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8d50367051a84aba9b14885efcdd468b
父子组件通信：父组件可以通过props向子组件传递数据，子组件可以通过$emit触发事件向父组件传递数据。
子父组件通信：子组件可以通过this.$parent访问父组件实例，从而调用父组件的方法或访问父组件的数据。
兄弟组件通信：可以通过共同的父组件作为中介，在父组件中传递数据实现兄弟组件之间的通信。
事件总线：Vue实例实现了一个事件功能，可以通过Vue.prototype.$bus = new Vue()在根组件中创建一个事件总线。然后任何组件都可以通过this.$bus.$on监听事件，通过this.$bus.$emit触发事件。
Vuex：Vuex是Vue的状态管理库，可以用于管理应用中的共享状态。使用Vuex可以在多个组件中共享数据，组件可以通过派发(mutations)和获取(getters)数据来实现通信。
这些是常用的组件间通信方式，你可以根据具体的需求选择合适的方式来实现组件间的通信。
父子组件通信：父组件可以通过props向子组件传递数据，子组件可以通过$emit触发事件向父组件传递数据。
子父组件通信：子组件可以通过this.$parent访问父组件实例，从而调用父组件的方法或访问父组件的数据。
兄弟组件通信：可以通过共同的父组件作为中介，在父组件中传递数据实现兄弟组件之间的通信。
事件总线：Vue实例实现了一个事件功能，可以通过Vue.prototype.$bus = new Vue()在根组件中创建一个事件总线。然后任何组件都可以通过this.$bus.$on监听事件，通过this.$bus.$emit触发事件。
Vuex：Vuex是Vue的状态管理库，可以用于管理应用中的共享状态。使用Vuex可以在多个组件中共享数据，组件可以通过派发(mutations)和获取(getters)数据来实现通信。
这些是常用的组件间通信方式，你可以根据具体的需求选择合适的方式来实现组件间的通信。
全部评论
相关推荐
02-26 10:20
门头沟学院 测试工程师 
拒绝996的悲伤蛙：此贴终结｜给路过的牛友分享一下心得👇
实习的时候不要光埋头干活，身边的大佬同事才是真·宝藏人脉！大胆请教他们工作以及职场上的问题
以我的经历，我的带教有十几年工作经验，做过运维、后端开发、web测试，现在是高级软测，是行走的避坑指南
我之前纠结要不要学Web测试简历，被他一句话点醒：Web发展成熟，岗位需求在缩，AI对互联网的冲击可能以后架构+开发+测试一人包揽。现在用户更多用的是移动端APP/小程序，相比之下天天守着电脑刷网页的人基数小。
这里我的纠结得到反馈，于是我又把简历发给带教，获得了一对一的简历指导。
感兴趣的可以看看：
1.教育背景：本科→本科（全日制）
2.实习经历：总体问题不大，但第2点要稍作修改，可以写但做功课，如风机、水箱……可能会问用哪个供应商的？使用寿命、型号、电压电流、多少秒会触发逻辑？
3.项目经历（坑太多，大型翻车现场）：
- 项目名越直白越好，让人一眼就知道你干了啥。
-用的什么语言设计核心接口，异步执行做功课，涉及线程问题，被问可回答n个功能是如何错开异步执行的
- “验证任务消费……阻塞丢包”“高负载稳定性”这种词，没三五年开发功底不要写，不然面试时被问线程、数量级、CPU占用，内存带宽等影响性能的直接原地社死。
-做功课
-做功课，测了哪些模块，如何设计，接口流量抓包，token，变量……
-做功课，要熟悉网络协议……
带教之前做互联网开发的时候面试过很多人，总的来说不要为了显得项目高大上过渡包装，写了就要做好拷打的准备 点赞 评论 收藏
分享