Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# Vue.js模块体系结构-将组件加载为ajax_C#_Ajax_Asp.net Mvc_Vuejs2_Vue Component - Fatal编程技术网
Fatal编程技术网
  • csharp/
  • C# Vue.js模块体系结构-将组件加载为ajax

C# Vue.js模块体系结构-将组件加载为ajax

c# ajax asp.net-mvc vuejs2

C# Vue.js模块体系结构-将组件加载为ajax,c#,ajax,asp.net-mvc,vuejs2,vue-component,C#,Ajax,Asp.net Mvc,Vuejs2,Vue Component,我有一个应用程序，它使用模块（扩展）系统来扩展其功能。您可以将其视为一个报告系统，以后可以通过提供一些复制到服务器的文件来添加每种报告类型 现在，每个报告都有一个视图屏幕，对于每种报告类型，它可能会有所不同。这是html+javascript+外部javascript依赖项 我可以用vue.js设计这种行为吗？最简单的方法是将内容作为AJAX加载，然后用v-html绑定。我还可以使用eval（document.getElementById（'scriptId'）.innerHTML）在内部执行脚

我有一个应用程序，它使用模块（扩展）系统来扩展其功能。您可以将其视为一个报告系统，以后可以通过提供一些复制到服务器的文件来添加每种报告类型

现在，每个报告都有一个视图屏幕，对于每种报告类型，它可能会有所不同。这是html+javascript+外部javascript依赖项

我可以用vue.js设计这种行为吗？最简单的方法是将内容作为AJAX加载，然后用
v-html
绑定。我还可以使用
eval（document.getElementById（'scriptId'）.innerHTML）在内部执行脚本如回答中所述。但这还不够，因为每个模块都可以包含对其他javascript文件的引用

我认为最好的方法是：


    

  • 从AJAX服务器端，我有一个控制器，它返回
    .vue
    文件的内容，包括
    模板
    和
    脚本
    部分
    • 

  • 从AJAX客户端，我有一个
    $http
    调用，它从上面获取响应的内容，将其作为组件解析并添加到DOM中，执行所有脚本和适当的vue.js生命周期
    • 


请注意，vue.js的正常动态组件（至少如手册中所述）不起作用-它要求您提前知道所有可能组件的列表，并且
需要
所有组件（您不能
需要
动态）