vue 解决代码闪屏问题

• 问题：我们会发现当网络较慢，网页还在加载 Vue.js ，就会导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码，我查阅了下资料，发现我们可以使用 v-cloak 指令来解决这一问题

• 解决方法如下:

  html：加v-cloak

  <div id="app" v-cloak>
  {{text}}
  </div>
  

  css：添加如下样式

  [v-cloak]{
   display: none;
  }
  

• 注意：
  有时添加完毕后变量仍会显示（即闪烁问题没解决），原因是 v-cloak 的display属性被优先级别高的样式覆盖所导致，所以保险起见最好再添加一个 !important ，将其优先级设置为最高，防止被其他优先级高的dispaly:none样式所覆盖。