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 のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: vscode を使用したリモート Linux 開発の実装
>>: MySQL 派生テーブル(Derived Table)の簡単な使用例分析
dockerスタックによってデプロイされたイメージサービスを使用すると、イメージを入力した後、理論的...
通常、CSS セレクターは上から下に選択し、親要素を介して子要素を選択します。では、子要素を介して親...
1. フォワードプロキシとリバースプロキシの違いフォワード プロキシはクライアントのプロキシとして機...
初心者は、いくつかの HTML タグを理解することで HTML を学習できます。この入門書は、初心者...
最近、PHP で Web ページを書いているときに、エンコードを UTF-8 に設定しました。しかし...
ページ ヘッダーの固定レイアウトは、以前は position:fixed を使用して実装されていまし...
1. ソフトウェアをダウンロードする1. MySQL の公式サイトにアクセスし、Oracle アカウ...
ウェブデザイナーはジェネラリストであると言わざるを得ません。グラフィックデザイナーは、さまざまな特殊...
MySQLデータベースを完全にアンインストールするプロセスは次のとおりです。 1. MySQLサービ...
序文前回の記事では Hadoop をインストールしましたが、今回は Hbase をインストールします...
目次エフェクト表示コードリンクキーコード表形式データコンポーネントのネスト検証方法リセット方法完全な...
VMware が異常シャットダウンした後、再起動すると「この構成ファイルを排他的にロックできませんで...
幅: 自動子要素(コンテンツ+パディング+境界線+余白を含む)は、親要素のコンテンツ領域全体を埋めま...
フロントエンドとバックエンドを分離し、nginxを使用してクロスドメインの問題を解決するフロントエン...
Web ページを作成する過程では、フォームがよく使用されます。しかし、フォーム上のコントロールを変更...