在VueJs应用程序中使用Angular6应用程序

在VueJs应用程序中使用Angular6应用程序,angular,vue.js,angular-elements,Angular,Vue.js,Angular Elements,我们有Angular应用程序(版本6.1.5),它向Restfull API发出HTTP请求 我们在Angular应用程序中使用了模块化方法。有应用程序级路由配置,每个模块都有自己的路由配置 这个设置非常好,运行起来没有任何麻烦 现在,根据我们的新要求,我们需要将此Angular应用程序与VueJS应用程序一起使用 在我们最初的研究之后,我们使用了角度元素并创建了角度构建。我们在VueJS中使用了这个构建(包含JS和CSS文件),我们认为它工作得很好,直到我们在VueJS应用程序上点击refre

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

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

这个设置非常好,运行起来没有任何麻烦

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

在我们最初的研究之后,我们使用了角度元素并创建了角度构建。我们在VueJS中使用了这个构建(包含JS和CSS文件),我们认为它工作得很好,直到我们在VueJS应用程序上点击refresh

一旦我们点击刷新,角度应用程序路径就不工作了,我们只能看到空白屏幕

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


感谢您的帮助。

可能原始问题的评论者都不熟悉(Angle Element使用的是哪种类型)。将多个框架与独立的web组件结合使用是一个很好的选择。事实上,它可能会变得更受欢迎

无论如何,这里的实际问题是路由库的根本不兼容。因为路由与地址栏和HTML5历史API紧密相连,所以子组件(不管任何框架或web组件)不能简单地按照您期望的方式工作。首先,Vue路由器位于“父”组件中,而角度路由器(通过Web组件)尝试设置路由,然后失败

您将不得不重构您的角度组件,以避免使用布线


这不是Vue vs Angular vs Web组件的问题,而是路由问题。

很难说Vue和Angular是两个不同的框架。大多数情况下,您会选择on或其他选项,而不是同时选择两者。我需要使用vuejs作为大型项目的起点和角度。这个问题太不具体,无法回答。对于Vue应用程序内部的Angular、Angular内部的React等,这不会有什么不同。没有通用的“最佳实践”,因此要求它们是离题的。如果使用角度元素,将路由委托给主机(即Vue)是合理的。请提供你的问题。我不认为在一个框架内有一个框架是一个好主意idea@Swoox见接受answer@Jalil你的回答现在对我来说很有意义。我现在使用属性来显示组件,而不是使用route来显示组件。这个重构的Angular应用程序在VueJS应用程序中运行良好。非常感谢。