なぜ Vue では require ができるのでしょうか?

require.js とは何ですか?

require.js は、AMD (Asynchronous Module Definition) 仕様に準拠した JS スクリプト ローダーです。 js スクリプトの非同期読み込み。ページのレンダリングと後続のスクリプトの実行をブロックせず、読み込み完了後に対応するコールバック関数を実行する機能を提供します。

require.js には、js スクリプトが必要です。モジュール化、つまりドキュメント化を実装する必要があり、require.js の機能の 1 つは、js ファイルである js モジュールをロードすることです。

require.js は、js モジュール/ファイル間の依存関係を管理できます。つまり、Jquery、AngularJs などの異なるフレームワークは異なる構文を使用し、これらの構文を使用する js ファイルは、インポート時に Jquery でランク付けされる必要があります。 Angular.js はスムーズに実行でき、require.js は並べ替えの依存関係の問題を解決できます。

RequireJS は JavaScript モジュール ローダーです。ブラウザでの使用に最適ですが、Rhino や Node などの他のスクリプト環境でも使用できます。 RequireJS を使用してモジュール式スクリプトを読み込むと、コードの読み込み速度と品質が向上します。

require.js の読み込み

require の使用は非常に簡単です。これは module.exports のポータルに相当します。module.exports の背後にあるコンテンツは何ですか? 、 require 結果は、オブジェクト、数値、文字列、関数... そして、 require の結果を変数に代入することは、並列空間で require と module.exports の位置を重ねることと同じです。

利点:

オンデマンド読み込みを実現: requirejs を使用すると、必要なときに js モジュールを読み込むことができます。これにより、ページの初期化時に大量のデータ要求とデータ送信が回避されます。

ページ上の N 個の複数のスクリプト タグによって引き起こされる従来の依存関係エラーが回避され、管理が容易になります。モジュールの役割;

ページのブロックを防止し、非同期読み込みの役割を果たします。

バージョン管理の問題を簡単に管理します。

Vue は require:

require('./a')(); // a模块是一个函数，立即执行a模块函数
var data = require('./a').data; // a模块导出的是一个对象
var a = require('./a')[0]; // a模块导出的是一个数组

を使用します。

以上がなぜ Vue では require ができるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。