在 Vue 运行时运行一些外部 JS 代码答案

【问题标题】：Run some external JS code at runtime in Vue在 Vue 运行时运行一些外部 JS 代码
【发布时间】：2021-04-14 17:21:56
【问题描述】：

是否可以在运行时在Vue中运行一些外部JS代码？

例如，我有一些逻辑可以由本地管理员在运行时修改，而无需重新加载整个应用程序，这些应用程序作为 JS 代码块存储在数据库中，并且可以通过 axios 调用通过后端访问。那么是否可以在不预编译的情况下包含这些脚本？像这样使用：

let params = {...}; //some input props for my stored script

let script = restService.getScript(); //get script code from backend via axios

let result = scriptService.executeScript( script, params ); //execute script with given params

我有类似的 Java 应用程序方法，可以在运行时执行存储的 Groovy 脚本，想在我的 Vue 应用程序中实现类似的东西。

我对前端 JS 开发还很陌生，所以我可能缺少一些明显的东西。

【问题讨论】：

标签： javascript vue.js runtime

【解决方案1】：

在您的 vue 应用程序 main.js 中，您可以定义您的 vue 实例，如下所示：

window.app = new Vue({
      store,
      render: h => h(App)
    });

app.$mount('#app');

通过外部 js，您可以从 app 对象访问您的 Vue 实例。如果您使用的是 vuex，您可以调用 actions，例如：

app.$store.dispatch('ACTION_NAME', 'Payload');

【讨论】：