Gridsome：如何仅为单个页面添加 Vue.use(MyPlugin)？

问题描述

我在 Gridsome Vue.use(ReCaptcha,{some options}) 中使用 main.js 添加了 ReCaptcha 插件，该插件显示在所有页面上。

如何仅在 gridsome 中为特定页面添加插件？

解决方法

我以前从未使用过 ReCaptcha 或 Gridsome，但一般来说，如果您使用 npm 安装插件，那么在单个页面上使用它的最简单方法是将插件导入到呈现的特定组件中在您要使用它的路线上。即

/* === MyComponent.vue  === */
<script>
import plugin from 'packageName'; 
// or 
import { pluginExport } from 'packageName';

export Default{
  // You can then use the plugin/pluginExport here 
}

从那里您应该能够像往常一样在该特定组件中使用该包，如果您使用 Vue.use 在应用范围内实现它。在某些情况下，根据插件的使用方式，您可能需要将导入的插件模块注册为 components 对象中的子组件。例如this vuejs QR Code generator。