VueJS + Django Channels

I just finished reading the introductions for VueJS and Django Channels and would like to use them together to provide real-time updates to several components on a webpage. This illustrates the basic idea:

Being new to VueJS, it seems the diagram above requires some type of "middle man", between the VueJS components and the websocket, that makes sure each component gets the correct data.

So, my questions are:

1. Architecturally, is this a good design?
2. If so, can VueJS act as that "middle man" to manage which component connects to which channel?

Thanks for your help :)