强制Vue组件重新呈现

Question

所以这听起来有点奇怪，但我制作了一个Vue应用程序，它充当了我们以角度为单位构建的主应用程序的文档。我希望文档要做的一件事就是显示一些简单的角度组件（代码以及如何呈现该组件）。

我正在使用Vue-router，它成功地允许我路由一堆不同的部分。我将<my-angular-component></my-angular-component>放在我的一个Vue模板中，在我的页面中包含Angular之后，角度组件实际上正确呈现。但是，只有在刷新浏览器并在第一页渲染时才会正确呈现。一旦我使用router-view转到其他路径然后返回到初始路径，则不再渲染角度分量。

任何人都有任何线索，我可以告诉页面上的Angular在我看的时候重新渲染我的角度组件吗？

Answer 1

如果角度组件位于vue组件内，则可以使用$compile手动编译它，并将其插入到mounted挂钩所需的位置。这样，每次创建vue组件时都会重新渲染角度组件。您可能还需要在beforeDestroy挂钩（调用$scope.$destroy()）中进行清理。

将这两个框架混合起来可能不值得。