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

Question

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

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

Answer 1

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

/* === 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对象中的子组件。比如这个 vuejs 二维码生成器。