将vueJS添加到现有的角度应用程序中

Question

我有一个现有的角度应用程序，我想开始将其中一些更改为vueJS应用程序。

我的应用程序，在开发模式下，加载主html文件中的所有脚本（在生产模式下，它捆绑到app.js，但我想开始测试到开发模式）。

我想改变状态以使用vue，所以我可以通过以下方式阅读它：https://medium.lucaskatayama.com/migrating-from-angular-to-vuejs-71277cdc3dd9

但是，我想使用.vue文件语法，我不知道是否可以在开发模式下使用webpack或任何其他捆绑器。

所以我的问题是 - 这可能吗？我可以在我的ng应用程序中使用当前配置的.vue文件吗？此外，有一个很好的方法来webpack只有vue文件和组件（即使我必须在里面初始化它们和角度控制器）。

如果有任何关于将vue添加到角度应用程序的好教程，我很乐意得到它们，因为我找不到好的。

由于

Answer 1

这可能很难，因为vue代码的构建基本上是一个单独的应用程序。

您可以做的一件事是将它们构建为完全不同的并行应用程序，使用两个构建步骤，包括两个javscript文件，然后使用window.postMessage在两者之间进行通信。

例如，您当前的应用程序将会出现一个特定div包含vue代码而不是angular的代码。然后，您可以发布角度代码中的消息，告诉vue应用程序加载到该div中，例如：

window.postMessage({ app: 'vue', bind: '#vue-content' })

vue应用程序，而不是DOMContentReady上的绑定将侦听窗口事件，然后绑定到它接收的元素。然后它还会通过发布消息与主机应用程序进行通信。这将使它们保持相当分离并允许您独立构建它们。

Answer 2

ngVue成员：）

在Dawex（我正在工作的公司），我们在一个大型AngularJS应用程序中使用Vue ngVue。它现在已经生产了好几个月，效果很好。你可以在我去年夏天之前写的这篇文章中找到更多信息：https://medium.com/dailyjs/how-to-migrate-from-angularjs-to-vue-4a1e9721bea8。希望有所帮助！