Vue中，在使用$emit和$on做页面间通讯时，刷新页面后报错$on is ?400报错

                    <p>先说办法，将main.js中<strong>window.Listen=vm</strong> 放到 new Vue的created方法里，改后如下：</p> 

let vm=new Vue({
  el:'#app',
  router,
  components:{App},
  template:'<App/>',
  created() {
    window.Listen=this
  }
})

然后说原因：

你把 window.Listen =vm 放在了 new Vue()的后面，可能你误以为会先执行 new Vue()并赋值给vm，然后接着执行window.Listen =vm，然后才去初始化页面所需要的组件，这个想法是错的！

真正的执行顺序是：new Vue()初始化的时候，会接着初始化当前访问路由所需要的所有组件，最后才会执行new Vue()后面的代码！不信你可以在关键位置加上console输出验证。

                        谢谢大神，问题完美解决:smile:
                    

                    <p>将window.Listen换成this ?</p>
                

                    <div class="ref">

引用来自“Kit_lee”的评论

将window.Listen换成this ?

                        回复 <a class="referer" target="_blank">@Kit_lee</a>  : 谢谢大神:sparkles:
                    

                        四楼说对了
                    

                    你的$on是因为有$emit才能映射到$on，你刷新的时候没有触发$emit，$on也就不存在
                

                        之前按照这个思路试了一下，我在$on的外层加了延迟500ms，让emit先执行，问题可以解决，非常感谢
                    

                    为什么要父组件用emit派发事件，子组件on接收事件处理？你应该在父组件中使用子组件标签时使用ref属性，子组件methods中定义setRiverId(value)，然后在父组件changeRiver中使用this.$refs.子组件.setRiverId()。按照我这种方法完全没必要使用事件，直接调用子组件的函数就行了。
                

                        谢谢大神   我再研究下您这种方式