在VueJs應用程序內部使用Angular6應用程序

Question

我們有Angular應用程序（版本6.1.5），它向Restfull API發出HTTP請求。

我們在Angular App中使用了模塊化方法。 有應用程序級別的路由配置，每個模塊都有自己的路由配置。

此設置非常好，可以輕松運行。

現在，根據我們的新要求，我們需要將此Angular應用程序與VueJS應用程序一起使用。

經過初步研究，我們使用了Angular Elements並創建了角度構建。 我們將此版本（包含JS和CSS文件）與VueJS一起使用，我們認為它運行良好，直到我們在VueJS應用程序上刷新為止。

刷新后，Angular應用程序路由將不起作用，我們只會看到空白屏幕。

因此，我們想知道的是，我們使用角度元素的方法是否正確。 還是有更好的方法在VueJS應用程序中使用角度應用程序。

謝謝你的幫助。

Answer 1

大概沒有一個原始問題的評論者熟悉Web組件 （Angular Element使用的Web組件 ）。 將多個框架與隔離的Web組件結合使用是一種完全正常且可以接受的做法 。 實際上，它可能會變得越來越流行。

無論如何，這里的實際問題是路由庫的根本不兼容。 由於路由與地址欄和HTML 5 History API緊密相連，因此子組件（ 無論任何框架或Web組件 ）都無法簡單地按照您期望的方式工作。 首先，Vue Router在“父”組件中，而Angular路由器（通過Web組件）嘗試設置路由，然后失敗。

您將不得不重構Angular組件以不使用路由。

這不是Vue vs Angular vs Web Component問題，而是路由問題。