如何管理Vue组件内的“角元素”路线？

Question

我正在尝试使用“ Angular Elements”（Web组件）在vue制作中集成一个角度组件。我已成功在vue中显示组件，但在重新加载vue应用程序时无法使路由正常工作。

我的Angular代码如下stackblitz

因此，当我单击聊天子链接时，路由从/chat变为/chat/child1。但是，如果我使用重定向的链接刷新vue应用程序，它将不会显示任何内容。

我使用的版本：

角度版本：6.1.5，

角度元素：6.1.4，

Vue版本：2.5

所以我的问题是，如何根据vue应用程序中路线的变化告诉角度元素更改其路线？