javascript - vuejs ランタイム ビルドと独立したビルドの違いは何ですか? どのようなビジネス シナリオに適していますか?

Question

公式サイトでは独立コンストラクションやランタイムコンストラクションについて紹介されていますが、曖昧でわかりにくく、実際の業務でどのように使えばよいのかわかりません。

Answer 1

独立した構築にはテンプレート オプションを使用できます。
実行時のビルドは不可能です。テンプレートを使用してコンパイルし、レンダリング関数に変換することのみが可能です。

Answer 2

1. 独立ビルドにはテンプレート コンパイラーが含まれますが、ランタイム ビルドにはテンプレート コンパイラーが含まれません。
2. テンプレート コンパイラーの機能は、テンプレート オプションをレンダリング関数にコンパイルすることです。render 関数はレンダリングの鍵です。
3. 上記 2 点を考慮すると、ランタイム ビルドを使用する場合、現時点ではテンプレート コンパイラーが存在しないため、テンプレート オプションは表示されません。ただし、例外が 1 つあります。webpack+vue-loader の場合、単一ファイル コンポーネントにテンプレートを含めても問題ありません。
4. vue-cli を使用してプロジェクトを生成する場合、npm パッケージはデフォルトでランタイム ビルドをエクスポートするため、webpack 5 でエイリアスを設定する必要があります。現在発見されている 2 つのアプリケーション シナリオの違いは次のとおりです:

• ランタイム ビルド モードで Vue をインスタンス化する方法に注意する必要があります。

• vue-router を通じてレンダリングされたテンプレートまたはルートビューを含めないでください

上記の違いは、webpack+vue-loader の単一ファイル コンポーネントが使用されるシナリオで説明されています。他の違いはまだ発見されていません。