在VueJs应用程序内部使用Angular6应用程序

时间:2019-06-14 08:36:36

标签: angular vue.js angular-elements

我们有Angular应用程序(版本6.1.5),该应用程序向Restrest API发出HTTP请求。

我们在Angular App中使用了模块化方法。有应用级路由配置,每个模块都有自己的路由配置。

此设置非常好,可以轻松运行。

现在,根据我们的新要求,我们需要将此Angular应用程序与VueJS应用程序一起使用。

经过初步研究,我们使用了Angular Elements并创建了角度构建。我们将此版本(包含JS和CSS文件)与VueJS一起使用,我们认为它运行良好,直到我们在VueJS应用程序上刷新为止。

点击刷新后,Angular应用程序路由将不起作用,并且我们只会看到空白屏幕。

所以我们想知道的是,我们使用角度元素的方法是否正确。还是有更好的方法在VueJS应用程序中使用angular应用程序。

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

大概没有人对原始问题的评论者熟悉Web Components(Angular Element使用的评论者)。 perfectly normal and accepted practice是将多个框架与隔离的Web组件结合使用。实际上,它可能会变得越来越流行。

无论如何,这里的实际问题是路由库的根本不兼容。由于路由与地址栏和HTML 5 History API紧密相关,因此子组件(与任何框架或Web组件无关)都不能简单地按照您期望的方式工作。首先,Vue Router在“父”组件中,而Angular组件(通过Web组件)尝试设置路由,然后失败。

您将不得不重构Angular组件以不使用路由。

这不是Vue vs Angular vs Web Component问题,而是路由问题。

相关问题