采纳的答案有点答非所问，最恰当的答案应该是 HelloVirus 的。

在此补充下 HelloVirus 没说明的：

history.pushState 后立即执行 this.$dispatch('test', data) 这时子组件可能还未渲染，更谈不上绑定事件及监听到 test 事件了！

将广播事件的逻辑放在 $nextTick 触发，即可以保证完成切换组件后子组件响应指定事件。

DOM上传数据这事大致有两种思路

一种是redux那一套，强调单向传递，虽然和react可能更容易整合，但实际上并没有强依赖react，应该可以和vuejs配合的。写代码比较无脑也比较啰嗦，但思路清晰不容易出问题

另一种传统的，也是题主用了的就是事件了。一般而言，想要把程序结构整理清楚的话，应该遵循的原则是上层通过引用、通过方法调用直接管理下层，而下层不关心上层，需要传递数据时通过事件冒泡向上传递状态。也就是事件一律往上走，方法调用一律往下调用。

vuejs我好久以前用的，印象里也没见过$broadcast这样的用法，总之向下扩散事件即使支持这个用法，也很容易导致整体结构混乱，不建议。

类似的还用向上引用，比如题主的this.$parent.view = xxx 也是很容易导致混乱的实践（login这个组件只能在$parent.view = xxx有意义的地方创建了）。建议是login中触发login-success事件，app监听它创建的login组件的login-success，处理时调用chat组件的方法（比如刷新信息之类）

又比如我做一个dialog组件，里面可能会用alert、confirm这样的方法来显示对话框，然后会对外暴露close confirm-yes 之类的事件来告知调用dialog的人这个对话框的情况

你所说的v-bind:is="view"是关于动态组件的用法对吧？
如果组件chat.vue和contentbox.vue是动态组件的话，从app.vue广播的事件，它们时收不到的，因为动态组件这时候还没有实例化出来，自然监听不到(个人实践分析的，有不同看法请告知纠正)。如果是非动态组件，是可以收到父组件的广播的(实践得知)。
这是我目前的一些实践：https://github.com/toplan/vue-spa-example

父容器的broadcast延迟到最后执行nextTick或者setTimeout

module.exports = {
    events: {
        test: function (data) {
            // app.vue 接收到下层传上来的 test 后，往下广播 test 事件
            console.log('app.vue: got it.');
            var _self=this;
            Vue.nextTick(function(){
                _self.$broadcast('go2chat','go2chat');
            });
            //or
            /*
            setTimeout(function(){
                _self.$broadcast('test', data);
                
            },0);
            */
           
            return false
        }
    }
}

可以尝试在app.vue中声明一个变量来存储，login.vue冒泡上来的数据，然后针对这个数据再做广播

我也碰到同样的问题，不知道楼主解决了吗？