如何在 Vue 中延迟加载插件？

Question

Vue 插件通常需要通过Vue.use(somePlugin). 这样做会增加所有页面的包大小，这通常是不好的，最好将模块的下载推迟到模块实际使用时，也就是延迟加载或代码拆分。

如果我的 Vue 应用程序中只有一个页面需要插件，如何延迟加载插件？

Answer 1

更直接地回答OP的问题：你不能延迟加载插件。

根据文档Vue.use()，插件根据定义提供全局可访问的功能，并且必须在创建 Vue 实例之前进行设置。因此，它们将始终与整个 Vue 实例捆绑在一起（例如，在供应商块中）。

您想要的是在组件级别的较小范围内延迟加载功能。根据插件的不同，插件模块还应该支持在组件级别导入某种直接代码，就像这个一样。因为它只使用import语句，所以它们可以异步加载。

TL;DR：任何使用的东西都Vue.use()不能延迟加载。异步import可以。

Answer 2

选项之一是在创建/安装的挂钩中调用插件文件并执行您想要的操作。