vueのimportとrequireの違い

Vue.js では、import と require の主な違いは次のとおりです。import は ES モジュールのインポートに使用され、require は ES および CommonJS モジュールのインポートに使用されます。 import は実行時にモジュールをロードしますが、require はコンパイル時にモジュールをロードします。 import は非同期読み込みをサポートしますが、require は非同期読み込みをサポートしません。 import はモジュール内の特定のエクスポートをオンデマンドでロードしますが、require はモジュール全体を一度にロードします。

Vue.js における import と require の違い

Vue.js では、import と require は両方ともです。モジュールとコンポーネントをロードするためのコマンドですが、次のような主な違いがあります:

セマンティクスと使用法

• import: は ES6 キーワードです。 in はモジュールをインポートするために使用されます。構文は import { <module> } from '<path>' です。
• require: は、バックエンドにモジュールをロードするために使用される Node.js の関数です。構文は const <module> = require('<path>') です。

モジュール タイプ

• import: ES モジュール、つまり ES6 モジュールに続くモジュールのみをインポートできます。仕様。
• require: ES モジュールと CommonJS モジュール (非 ES モジュール) をインポートできます。

読み込み時間

• import: モジュールは実行時、つまりコードが実行されるときに読み込まれます。インポートステートメント。
• require: モジュールはコンパイル時、つまりアプリケーションのパッケージ化時にロードされます。

非同期サポート

• import: 非同期読み込みをサポートします。つまり、import()# を使用します。 ## 構文 モジュールは非同期的にロードできます。
• 必須: 非同期読み込みはサポートされていません。

その他の違い

• import: モジュール内の特定のエクスポートは、オンデマンドでロードできます。つまり、# を使用します。 ##import { } from '' 構文。
require:
• モジュール全体を一度にロードします。
import:
• Var 宣言はコンパイルされたコードでは生成されませんが、require は var 宣言を生成します。

結論

一般に、import は主に Vue.js フロントエンド コードに ES モジュールをインポートするために使用され、require はバックエンドで使用されます。コード さまざまな種類のモジュールをインポートします。

以上がvueのimportとrequireの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。