时间戳

首页 > 解决方案 > 全局导入 Nuxt.js 模块

javascript - 全局导入 Nuxt.js 模块

问题描述

我正在使用Nuxt.js做一个小项目，我想知道是否有任何方法可以在全球范围内导入我的一些模块，例如

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

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

标签： javascriptvue.jsnuxt.js

解决方案

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

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

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

我希望这有帮助。

推荐阅读