从动态接收的html内容初始化组件

Question

我在Laravel应用程序中使用VueJS与gulp和browserify。

我的vue组件可以正常使用普通的html或刀片文件。

只有在我加载页面后尝试加载html时才会出现问题。 （在加载vue脚本之后......）

Ex：假设组件的签名是<todo-list />。我正试图在一个模态中加载它。包含签名的html是从jQuery Ajax调用中加载的。 $.ajax()。

我知道的事情：

1. 问题的原因很简单：由于页面已经加载，附加到body的vue脚本也被加载，因此它无法识别从dinamic html内容加载的组件签名。

2. 我可以使用“onShow”模态事件。问题是我不知道如何调用VueJS再次检查所有html解析这些组件标签。

Answer 1

我无法使用v-if或v-show指令解决此问题。

要解决，我需要再次“编译”Vue应用程序，调用：

Or

将远程HTML内容加载到DOM后运行此代码。

PS：VueJS v1.0