1. ホーム
  2. javascript

[解決済み] ページの読み込み中にVueJSの構文を隠すにはどうしたらいいですか?

2022-04-15 14:32:21

質問

些細な質問かもしれませんが

で、ダウンロード速度のスロットリング(低接続に設定)を有効にしたブラウザ上で私のvuejsアプリケーションを実行したとき。私は、ブラウザで未完成のVue構文出力を得ました。

を表示することで、これをごまかせることは分かっています。 ローディングイメージ ページ全体が読み込まれる前に、この問題を解決する最善の方法はないでしょうか?

解決方法を教えてください。

を使用することができます。 Vクローク ディレクティブを使用すると、正しいCSSと組み合わせた場合、コンパイルが終了するまでVueインスタンスを隠すことができます。

HTMLです。

<div v-cloak>{{ message }}</div>

CSSです。

[v-cloak] { display: none; }