Nuxtにおけるシングルトンとは何でしょうか？

Question

Nuxtの使い方をまとめているサイトで以下のような記述がありました。

例えば axios を使いたい場合
yarn add axios

// コンポーネントで
import axios from 'axios'

これだけでは axios がシングルトンにならず、容量が肥大化する。それを防ぐために、 nuxt.config.js に下記を記載する。

module.exports = {
build: {
vendor: ['axios']
}
}

このシングルトンとはなんでしょうか？？
軽くググってみるとJavaなどの記事が出てきてよくわかりませんでした。

Nuxtに追加したモジュールはこのようにbuild.vendor に記述した方がいいのでしょうか？今まで全くやったことのないことだったので、気になって質問しました。

シングルトンとは何なのか、またほかのモジュールでもこのようにすべき条件などがありましたら教えていただけますと幸いです。宜しくお願い致します。

Answer 1

シングルトンはjavaだけでなくあらゆる言語に存在します。

ただjavaがよく出てくる理由としては、オブジェクト指向の代表格であり歴史も古いjavaの記事が多く見つかるだけです。

簡単に説明するとシングルトンとは、ひとつのインスタンスを共有するものです。

この説明だけで理解出来ない場合、またコメントください。

Comments

[hajifu]

ご回答いただきありがとうございます！
きちんとは理解できていないのですが…
複数のページで複数回axiosをインポートするとその都度axiosのインスタンスができてしまうが、ひとつのインスタンスを共有することでエコだ、みたいなことでしょうか？
元記事の「容量が肥大化する」というのは、ページを遷移しても、importしたaxiosのインスタンスが残ってしまうということなのでしょうか。

[退会済みユーザー]

そうです。
複数のインスタンスを生成する = メモリをその分消費する
につながるため

シングルトンになるようにコーディングすることで、メモリ(容量)が節約されます。
他にも、値の引継ぎを行うためにシングルトンなコーディングをする場合もあります。

[hajifu]

なるほど！丁寧にありがとうございました！
今まで気にしたことのない観点だったので、今後またいろいろ調べてみようと思います！