之前的背景文章vue动态加载静态js插件已经详细介绍过了。您可以使用ajax加载静态js库。这些插件将被缓存在项目中的一个全局变量allPluginsComps中,这个变量可以随时修改。 for(this . installed list的const item){ let URL = "/plugins/"+item . plugin id+"/dist/"+item . plugin id+" . common . js ";const response =等待此消息。$axios.get(网址);if(response . status = = = 200){ this . allpluginscomps[item . pluginid]= eval(response . data);}}可以实现通过vue加载动态组件,activePluginId就是主动PluginId。 & ltcomponent:is = " allPluginsComps[activePluginId]" & gt;& lt/component & gt;从整个实现来看,加载动态组件并不难,但却是一套完整的实现思路。 清晰的思路让写代码变得容易。 加载动态组件的过程分为三步:vue-cli3为单个js文件打包组件vue动态加载静态js插件。欢迎讨论交流此文~ ~