vuejsが解析時に点滅するのを防止します.

2605 ワード

--((zhi i)vuejsが解析するときに点滅するのを防ぐ
理由: vuejsやangglarjsを使った開発では、Chromeのように、素早く解析できるブラウザ上で表現({express})やモジュール(div)の点滅に遭遇することが多い.この問題はJavaScriptがDOMを操作するためにDOMロードが完了するのを待つ.vuejs、anglarjsについては、DOM readyで終わってから戻って解析します.view Templateですから、Chromeのような速いブラウザには点滅が見られます.IE 7に対しては、8のような解析がやや遅いブラウザの場合がほとんどです.
解決方法: vuejs、anglarjsの中で私達のためにv-cloak、ng-cloakを提供して点滅防止の方案を実現して、同時にbing文字({express}に対して私達もv-bind、ng-bindに変えて回避を実現することができます.
以下では、vuejsを例に挙げます.
#v-cloak
  :

                    。  CSS     [v-cloak] { display: none }     ,             Mustache           。

  :
1 [v-cloak] {
2   display: none;
3 }
4 
5 
6 {{ message }} 7
 
, 。 : v-clock display:none, , vue v-clock , attribute class remove , 。 :
//example1:
<span>{{price}}span>

//example2: 
<span v-bind="price">span>

//example3: 
<span v-cloak>{{price}}span>

   2   3         ,   1 vuejs  {{price}}  ,       "{{price}}"      。   2   3          。
:https://www.cnblogs.com/slly/p/5884656.html