Vue中央事件总线$bus第一次不触发问题

场景：兄弟组件传值，点击A组件下方pushB组件路由，第一次点击时不能传参 由于on在on 在on在emit后面执行，所以在emit执行时 没有on来接受参数，导致第一次触发时不能执行 解决方式： 先加载B组件，将emit写成异步执行方法 this.$router.push('/cmDetails') setTimeout(() => { Bus.$emit('setCmDetails',{name,price,img,introduction}) },

vue全局事件总线无法触发的解决办法

组件通信时，有时两个组件之间毫无关系，或者他们之间的结构复杂，这时就要用到 vue 中的事件总线 EventBus的概念。EventBus 又称为事件总线。EventBus的用途：1.解决一个页面调用另一个页面的方法2.解决父子组件、兄弟组件间的通信。

使用场景： 多种类跨组件全局搜索实现，vuex对于当前场景过于繁琐庞杂，由此想用vue中央事件总线bus去处理。 使用问题： 因为$emit先于$on执行了，所以接受传值的组件无法获得第一次数据； 解决办法： main.js //中央事件总线 Vue.prototype.$bus=new Vue(); 传值组件 onSearch(value) { this.Sdata.svalue=value; // 加定时器，防止$emit先于$on执行了，否则无法获得第一次数据； setTimeout

问题一:  不同组件传值(非父子组件)在main.js中,构建eventBus = new Vue();pageA.vue在methods中发布事件eventBus.$emit('test', 123);应该在pageB.vue生命周期creatd/mounted中触发事件, eventBus.$on('test', (content) => {//content即是出过来的值});问题二:...

Vue中$nextTick方法将回调延迟到下次DOM更新循环之后执行，也就是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后立即使用这个方法，能够获取更新后的DOM。简单来说就是当数据更新时，在DOM中渲染完成后，执行回调函数。描述#通过一个简单的例子来演示$nextTick方法的作用，首先需要知道Vue在更新DOM时是异步执行的，也就是说在更新数据时其不会阻塞代码的执行，直到执行栈中代码...

EventHub 是一个非常重要且常用的东西，在不相关组件通信方面有着很强大的作用。 EventHub 想想如果从最顶层组件传一个 data 给最底层组件，仅仅使用父子传递的方式会变得十分麻烦。 而 EventHub 就是用来解决这个问题的：在需要获取 data 的组件上设置一个监听器，每次要传递 data 时，那个组件就广播这个事件并调用这些监听器。我们不难发现 EventHub 的主要功能就两个： 监听和广播，当然还有去掉监听器。而 Vue 刚好给我们提供了这些功能，我们可以使用 Vue 来描述这些功能

bus总线是vue中路由跳转传递数据的常用方法，适用于传递数据不多的情况，但是在使用的过程中发现，bus总线在第一次路由跳转的时候总是不能够成功传递需要传递的数据。检查bus的配置以及调用方法，均没有出错，错就错在没有理解Vue的生命周期！！！ 我们知道bus的$on的监听应该位于$emit之前，如果在emit之前没有创建监听事件，那么肯定是得不到需要的数据。因此，我通过两个页面来了解路由跳转时...

问题背景：A页面跳转到B页面，并传参过去，但是第一次跳转过去不会触发$on事件，第二次能触发但是触发了两次，后面每点一次就会比之前多触发一次

全局事件总线：适合任意组件间的数据传递。安装，执行以及$on接收不到数据怎么解决。以及第一次监听不到怎么解决

```javascript 关于bus总线第一次传值的时候传递不过去的问题 ```javascript 发射： bus.$emit('test', 'name',val) 接受： this.$bus.$on('test',(val,key)=>{}) 解决：因为bus总线。在on接受的时候回比emit发射要早去接收，因此要适用 this.$nextTick(() => {}...

挑战每天更一篇--Day9