v-cloakについて

v-clock用法まとめ
まず、次のコードを見てください.

<ul v-for="item in items">

    <li>{{ item.name }}li>

ul>

では、vueを使用してバックグラウンドから読み出すデータやページをリフレッシュする場合、応答の問題で{{item.name}}というvueが点滅する可能性がある.jsテンプレート変数は、ユーザーに悪い体験をもたらし、v-cloakが役に立ちます.
v-cloak:ページのロード時にvuejsの変数名が表示されないようにします.
方法:htmlのロードポイントにv-cloakを付ける

<ul v-cloak v-for="item in items">

     <li>{{ item.name }}li>

ul>

そしてcssに追加

[v-cloak] {

     display: none;

}

説明:v-cloakプロパティを含むhtmlラベルは、ページの初期化時に非表示になります.
vuejs instance readyの後、v-cloakプロパティは自動的に削除されます.つまり、対応するラベルが表示されます.
では、実際のプロジェクトでは、@importでcssファイルをロードするのが一般的です.

@import "style.css"

ページDOMが完全にロードされてからロードされます.@importがロードしたcssファイルに[v-cloak]を書くと、ページが点滅します.
解決策:[v-cloak]をlinkが導入したcssに書くか、インラインcssスタイルを書く.
ok!