VUEネットワーク速度が遅い場合の初期化ページフラッシュの問題vueソースまたは命令
614 ワード
VUEネットワーク速度が遅い場合の初期化ページフラッシュの問題vueソースまたは命令
ネットワーク速度が遅く、Vue.jsファイルがロードされていない場合、ページに{{message}}という文字が表示されますが、このような問題に遭遇したらどうすればいいのでしょうか.
具体的な使い方
みんなでがんばろう!
ネットワーク速度が遅く、Vue.jsファイルがロードされていない場合、ページに{{message}}という文字が表示されますが、このような問題に遭遇したらどうすればいいのでしょうか.
v-cloak
cssプロパティと組み合わせて使用される命令display:none
が簡単に与えられた.v-cloak
原理v-cloak
命令は一般にVueインスタンスのコンパイル終了時にバインドされたHTML要素から削除され、この特性に基づいてcss属性とともに使用されることが多い.具体的な使い方
{{message}}
var app = new Vue({
el:"#app",
data:{
message:" "
}
})
、、、css 、、、
[v-cloak]{
display:none;
}
みんなでがんばろう!