vue2.x の徹底研究 - h 関数の説明

vue プロジェクト。 .vue ファイルのテンプレート内に記述されたコードは、webpack テンプレート パーサー プラグインを使用して解析する必要があります。単一の .html ファイルに vue ファイルが導入されると、vue ファイルにはテンプレート パーサーも導入されます (欠点はサイズが大きいことです)。

したがって、エンジニアリング開発プロジェクトを使用する場合は、テンプレート解析のために package.json ファイルに vue-template-compile を導入する必要があります。

テンプレート パーサーがない場合、解析できませんが、vue-template-compile は .vue ファイル内のテンプレートのみを解析でき、.js ファイル内のテンプレートを解析することはできません。

したがって、これを記述すると、機能しなくなります。

なぜ解析できないのでしょうか? main.jsファイルによって導入されたvueファイルにはテンプレートパーサーがないため

vue.runtime.common.js はテンプレートパーサーのない .vue ファイルであり、vue.js はテンプレートパーサーのある vue ファイルです。

main.jsのテンプレートパーサーを使ってvue.jsファイルをインポートすると、テンプレートを解析することができます。

テンプレート パーサーのない vue.js ファイルがデフォルトでインポートされるのはなぜですか?
音量の問題のため:

解決、

公式のレンダリング機能を使用してください。導入した vue-template-compile を h 関数を通じて呼び出すことができます。つまり、コードの 9 行目は、11 行目と 12 行目に加えて、ローダー テンプレート パーサーと同等になります。

要約:

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。