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

Question

我正在使用vutify与next

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

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

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

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

我在哪里可以找到Vue.use在我的应用程序文件在vuetify

Answer 1

按以下步骤操作:

1. 在你的下一个项目的根目录中添加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' },
],
// ...
}

完成以上步骤后，你可以通过你的下一个应用全局访问这些插件。