吃瓜网&黑料爆料：
vue中是多个组件使用window.onresize不生效问题
在Vue中，多个组件内使用window.onresize事件可能导致某些 *** 不生效问题。此现象的主要原因是，每个组件内部的window.onresize事件会覆盖之前组件中的绑定。这种覆盖影响了事件绑定的累积效果，使得后绑定的事件优先执行，进而导致前边赋值的 *** 失效。
在vue中监听窗口变化使用：window.onresize. 在mounted里直接使用就可以。但是当父子组件同时使用window.onresize就会失效。
一，使用postcss-pxtorem的 *** 无效原因我的项目是使用vue-cli3创建的，另外，需要注意的是，修改了vue.config.js文件的配置之后，需要重启项目才会生效。
经过思考，我决定采用监听 window.onresize 事件的 *** ，通过获取 DOM 元素，实时调整图表宽度。这使得图表宽度能够随着浏览器窗口大小的变化而自动调整，满足了需求。然而，这种 *** 存在局限性。虽然能够实时调整图表宽度，但图表在窗口大小变化后并不会自动刷新，需要手动调用相关函数来触发刷新。
最近在做vue大屏项目，大屏全屏按钮可使用vue插件screenfull实现。
vue中bus.$on事件被多次绑定
1、在解决Vue项目中基于bus事件总线通信时，$on在同一时间内多次被触发导致的问题时，关键在于改进事件处理机制。问题描述如下：当A组件通过bus.$emit发送信号至B组件，以提示B组件开启dialog弹窗操作。但B组件在接收到信号时，多次弹窗现象出现。
2、创建一个全局事件总线对象bus，通过Vue的构造函数创建实例。 在需要监听事件的组件中，引入bus实例，并使用bus.$on(event， handler)来绑定事件，这里的event为事件名称，handler为事件处理函数。
3、那么问题来了，组件是如何向vm._events里面添加事件及其执行函数的呢？答案在于Vue函数定义时，执行了eventsMixin *** 。这个 *** 在Vue的原型上绑定了一系列事件 *** ，如on、once、emit、off。当组件调用这些 *** 时，this就会指向该组件，使得vm也指向该组件，从而可以将事件及执行函数添加到vm._events中。
4、创建全局EventBus的 *** 是使用$on和$emit，发布和订阅事件。在需要发送消息的组件中，使用$emit，而在接收消息的组件中，使用$on。移除特定事件监听时，可以用$off *** ，或干脆$off()移除所有事件监听。总的来说，通过实例化和使用EventBus，Vue组件可以实现跨页面的简单通讯。
Vue中全局事件总线(GlobalEventBus)原理及探究过程
1、我们将它放在vue原型上，那么全局事件总线就能够做到任意间组件通信拉。安装全局事件总线我们弄明白要去找谁了，就要将它定义出来，不然怎么用啊。
2、EventBus是一个全局事件管理系统，任何组件均可通过它进行数据交换。初始化**：首先创建全局EventBus实例。发送事件**：通过组件实例调用EventBus的$emit *** ，向总线发送事件和相关参数。接收事件**：通过$on *** 在目标组件中注册事件监听器，一旦接收到相应事件，执行回调函数。
3、什么叫全局事件总线概念的引入我们先认清一件事情，所谓的组件之间的交互，就是我们将数据能够做到组件之间能够共享数据。无论是props、EventBus、Vuex、发布订阅等实现组件交互，本质就是做到数据共享。弄清这一点，对于使用全局事件总线，就简单多了哈。
4、Vue应用中，当父子组件间的通信不再是主要需求，而需要实现无关联页面间的通信时，事件总线（EventBus）就派上了用场。它就像一个组件间的公共通信中心，所有组件都可以通过它发送和接收事件，实现平行的通讯。EventBus的使用分为初始化和实际操作两部分。
5、Vue事件总线（EventBus）在Vue项目中扮演了事件中心的角色，尤其在组件间通信时显得尤为重要。当两个组件间没有直接关系或属于不同组件分支时，使用Vue事件总线可以替代 Vuex 等库进行数据通信。全局事件总线在Vue项目中尤为关键，允许组件间通过全局事件进行通信，无需担心组件间的关系。
