异步加载 Vue 插件

Question

对于我的项目，我使用的是Buefy，并且我只在启动我的 Vue 应用程序之前安装我需要的插件。

import { Modal, Rate } from 'buefy'
Vue.use(Modal);
Vue.use(Rate);

但为了提高性能，我想异步加载这些插件。就像我正在为某些组件做的一样（参见下文），但我找不到如何使用 plugins 做到这一点。

await import('~/components/forms/FormContact.vue');

感谢您的帮助！

Answer 1

来自official docs：

plugins 目录包含您希望在实例化根 Vue.js 应用程序之前运行的 JavaScript 插件。

我知道您可以在创建插件时自定义其行为，这要归功于 nuxtState 等一些帮助程序。
甚至更改behavior of the plugins，但最后，如果您查看lifecycle of Nuxt，它将始终在您可能实现的任何延迟加载逻辑之前加载。

所以，我很确定现在无法完成。至少，文档是朝着这个方向发展的。在 Discord 上询问它以获得官方确认可能会很有趣。