当前位置: 首页 > 知识库问答 >
问题:

javascript - 【易错求解】vue 异步组件是否可以动态加载?

闻人越
2023-05-02

问题描述

之前做过一个项目,我们使用的是 jsonscheme 来渲染页面。我就在想我能不能直接让使用方提供一个 cdn 的地址,然后我将它的组件渲染出来?

问题出现的环境背景及自己尝试过哪些方法

这里主要是为了做业务解耦,所以 ()=>import 的方式不太适合。

  1. 我们用了 jsonscheme 基于配置平台下发实现了动态渲染
  2. 也使用了一些开源的低码无码平台。(也可以理解为基于 jsonscheme)

相关代码

你期待的结果是什么?实际看到的错误信息又是什么?

期待可以通过一个测试 demo 来印证这个方案。

共有1个答案

上官鸿晖
2023-05-02

每一个页面打包成单独的umd文件,然后加载根据路由加载

 类似资料:
  • 将所有页面组件一次性加载是一个很浪费资源和考验用户耐心的做法,尤其在移动端。 使用方法 webpack 提供了code splitting,你可以按照下面写法实现当切换到特定路由时才加载代码。 需要注意的是 vue-loader@13.0.0 语法有所变更,具体参照发布说明 v13.0.0 // vue-loader@13.0.0 之前 const Foo = () => import('./Fo

  • 问题内容: 如标题所述,我想基于仅在运行时可用的信息来动态加载(或不)动态加载Go软件包。 目的是允许用户通过添加新的本机脚本命令的自定义程序包扩展程序。当前,每次我添加新命令或禁止使用某些命令时,都需要编辑程序并重新编译,而如果我可以制作某种dll之类的文件,则可以创建一个“导入”脚本命令来搜索和加载命名命令库。 出于好奇,该程序是基于定制命令的脚本库,我将其用于各种用途。 我提前进行了一些搜索

  • 我用这个包裹https://www.npmjs.com/package/vue-sweetalert2我想通过vue中的vue组件。以html的形式浏览。 但什么都没有。我是VueJs新手,我仍然不完全理解如何将组件作为html插入。

  • 问题内容: 我对JavaScript 的本机实现有疑问:它是否异步运行?例如,如果我打电话: 这将是非阻塞的吗? 问题答案: 不,它正在阻止。看一下算法的规格。但是,在MDN上给出了一个可能更容易理解的实现: 如果必须为每个元素执行很多代码,则应考虑使用其他方法: 然后调用: 那时这将是非阻塞的。该示例摘自 High PerformanceJavaScript 。

  • 问题内容: 如果是这样,您该怎么做? (jboss / tomact嵌入式/ jdk 1.5) 不是嵌入式js / css,而是实际文件… 问题答案: 您要做的是将* .css Servlet映射分配给JSPServlet。 在大多数容器中,您将看到这样的映射(这是来自Glassfish的,位于default-web.xml中): 在这里,它声明了JSP servlet,并将“ * .jsp”映射

  • 问题内容: 我一直在阅读JLS,并且遇到了11.1.3节。我引用的异步异常是: 大多数异常是由于它们所发生的线程的操作而同步发生的,并且在程序中被指定为可能导致此类异常的某个点处发生。相反,异步异常是在程序执行的任何时候都可能发生的异常。 和 异步异常仅由于以下原因而发生: […] * Java虚拟机中的内部错误或资源限制,阻止其实现Java编程语言的语义。在这种情况下,引发的异步异常是Virtu