牛马小先锋 2022-03-23 22:23 采纳率: 0%
浏览 23

组件通信方式用bus方法进行通信

用this.$bus.on()进行接受时2出现这种错误怎么解决
Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'on')"

  • 写回答

1条回答 默认 最新

  • 你好！机器人 2022-03-23 22:50
    关注

    在main.js加
    Vue.prototype.$bus = new Vue()

    评论

报告相同问题？

  • 【前端--Vue】组件之间的多种通信方式，一文彻底搞懂组件通信！
    2024-05-07 14:18
    码喽的自我修养的博客 本篇将重点讲解vue中的多种组件通信方式，包括【父传子】【子传父】【兄弟组件通信】【依赖注入】等等，并提供具体案例来让小伙伴们加深理解、彻底掌握！
  • vue2.0父子组件及非父子组件之间的通信方法
    2020-08-31 14:37
    Vue.js 是一款流行的前端框架，用于构建用户界面。在 Vue 2.0 中，组件间的通信是其核心特性之一，确保应用数据流的顺畅。本文将详细介绍 Vue 2.0 中父子组件以及非父子组件之间的通信方法。 1. **父组件传递数据给...
  • Bus事件总线（组件通信方式之一）
    2024-08-18 11:02
    伊泽瑞尔.的博客 Bus 事件总线是前端开发中用于实现组件之间解耦通信的一种机制。它允许不同的组件在无需直接了解彼此的情况下进行消息传递和交互。可以使用一个简单的对象或者类来创建事件总线。在需要接收事件通知的组件中，使用。...
  • Vue 兄弟组件通信的方法（不使用Vuex）
    2020-08-29 00:49
    在Vue中，兄弟组件通信的最直接方式是通过共同的父组件来中转消息。具体实现步骤如下： 1. **子组件触发事件**：首先，在需要通信的兄弟组件中，比如`A.vue`，使用`$emit`方法发射自定义事件并传递参数。例如，当...
  • vue中组件通信的八种方式（值得收藏！）
    2020-10-16 14:27
    在Vue中，组件通信是构建复杂应用的关键。本文将详细阐述Vue组件间通信的八种方式，并结合实例说明它们的适用场景。 1. **Props / $emit** - **父组件向子组件传值**：通过在父组件模板中使用`props`属性将数据...
  • Vue组件通信：Bus使用方法
    2023-10-04 05:22
    CsCufft的博客 在上面的示例中，当ComponentA中的按钮被点击时，它会...然后，在需要进行组件通信的组件中，你可以使用Bus实例来触发和监听事件。通过使用Bus实例，我们可以在不同的组件之间进行灵活的通信。如有疑问，请随时提问。
  • 组件通信——Event Bus实现兄弟组件通信
    2024-09-09 21:12
    你不讲 wood的博客 Event Bus 是 Vue 中一种常用的组件间通信模式，它利用全局的 Vue 实例...这种模式简单易用，适用于简单的跨组件通信场景。然而，在更复杂的项目中，可能需要考虑使用 Vuex 进行状态管理，以更好地组织和管理全局状态。
  • Vue 常用组件间通信方式
    2024-08-02 18:29
    摘星喵Pro的博客 Event Bus：适用于兄弟组件通信，灵活高效，但难以调试和维护。：适用于跨层级组件通信，简化数据传递，但存在隐式数据依赖。Vuex：适用于全局状态管理，适合大型应用，但引入了额外的复杂性。$attrs 和 $listeners...
  • Vue组件通信的四种方式汇总
    2020-08-28 01:19
    本文将详细介绍Vue组件通信的四种常见方法：父子组件通信、非父子组件的EventBus通信、使用localStorage或sessionStorage以及Vuex状态管理。 **1. 父子组件通信** 父子组件通信是最基础的通信方式，主要包括数据从...
  • Vue.js 兄弟组件通信全攻略：深入解析与实战应用
    2024-12-03 12:29
    包括通过共同父组件中转、使用事件总线（Event Bus）以及基于 Vuex 状态管理库等方式，并详细阐述每种方法的原理与实际应用，同时提供丰富的代码示例帮助读者更好地理解和掌握兄弟组件通信技巧。
  • 没有解决我的问题, 去提问

问题事件

  • 创建了问题 3月23日