解决使用Vue.js显示数据的时,页面闪现原始代码的问题

解决使用Vue.js显示数据的时,页面闪现原始代码的问题

第一步、加入一段css代码

<style type="text/css"> 
  [v-cloak] { 
      display: none; 
  } 
</style> 

第二步、在view上引用css模块

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

注意，有的文章说，在具体数据部分加入v-cloak，但是这样太麻烦，每一个数据显示都要加，所以直接加载view大模块上，就能解决问题了。