V-マント命令をvue.js

V-マント命令は、結合は、HTML要素から除去され、Vueのインスタンスの終了時にコンパイルされる設けられたスタイルを使用することができます。

ページがまだヴューをレンダリングするチャンスにつながっVue.jsを、ロードされ、ネットワークが遅い場合、Vueがそのページには、ソースコードが表示されます。私たちは、この問題を解決するために、V-マント命令を使用することができます。

HTML：

<DIV ID = "アプリケーション" VB-マント> 
    {{コンテキスト}} 
</ div>

　　

JS：

<スクリプト> 
    のvar VM =新しいヴュー（{ 
        エル： '#app'、
        データ：{ 
                 コンテキスト： 'Hello Worldの〜' 
         } 
    }）
</スクリプト>    

我々は（∩_∩）O〜画面のちらつきバーOの問題を解決するために、V-マント命令を使用します

 

JS定数、V-マントは本部の指示を追加しました。

HTML：

<DIV ID = "アプリ" V-マント> 
    {{コンテキスト}} 
</ div>

CSS：

[V-マント] { 
    表示：なし。  
}

単純なプロジェクトでは、V-マント命令を使用すると、画面のちらつきを解決するための良い方法です。しかし、大規模な、エンジニアリングプロジェクトに（WebPACKのは、VUE-ルータは）唯一の空のdiv要素である、コンテンツ要素は、マウントをルーティングすることによって達成され、その後、我々は少しV-マントコマンドを使用する必要はありません。