全局导入 Nuxt.js 模块

Question

我正在使用 Nuxt.js 做一个小项目，我想知道是否有任何方法可以像 一样全局导入我的一些 模块 p>

import $ from 'jquery'
import Swal from 'sweetalert2'
import toastr from 'toastr'
import Vue from 'vue'

因为每次我创建一个新的页面，我都会导入相同的模块。所以我想知道是否有任何方法可以在 boot 中调用这个模块。

Answer 1

在plugins 文件夹中，您可以创建一个jquery.js 文件，然后在nuxt.config.js 中定义它。

 plugins: [
    {
      src: '~/plugins/jquery.js',
      ssr: 
    }
  ]

一旦你定义了它，你就可以在你的所有页面/组件中使用它们而无需重复调用它。

我希望这会有所帮助。