使用 Vue.use() 在 vuetify 中添加插件

Question

我在 nuxt 中使用 vutify

我想在我的 vuetify 应用程序中添加一个产品缩放插件

https://github.com/akulubala/vue-product-zoomer

他们显示为了使用您需要添加以下内容的功能。

import ProductZoomer from 'vue-product-zoomer'
Vue.use(ProductZoomer)

我在 vuetify

的申请文件中哪里可以找到 Vue.use

Answer 1

按照以下步骤操作：

1. 在您的 nuxt 项目的根目录中添加 plugins 文件夹。
2. 在此目录中，创建名为 vue-product-zoomer.js.
3. 在此文件中添加以下代码：

import Vue from "vue"
import ProductZoomer from 'vue-product-zoomer'
Vue.use(ProductZoomer)

4. 在 nuxt.config.js 文件中将以下行添加到 plugins 数组：

export default {
  // ...

  plugins: [
      ...
      { src: '~/plugins/vue-product-zoomer.js', mode: 'client' },
  ],

  // ...
}

完成上述步骤后，您可以通过您的 nuxt 应用程序全局访问此插件。