全局導入 Nuxt.js 模塊

Question

我正在使用Nuxt.js進行一個小項目，我想知道是否有任何方法可以像這樣全局導入我的一些模塊

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

因為每次創建新頁面時，我都會導入相同的模塊。 所以我想知道是否有任何方法可以在引導中調用這個模塊。

Answer 1

在plugins文件夾中，您可以創建一個jquery.js文件，然后在nuxt.config.js您可以讓它定義它。

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

一旦定義了它，您就可以在所有頁面/組件中使用它們而無需重復調用它。

我希望這有幫助。