下面我就為大家分享一篇解決使用Vue.js顯示資料的時,頁面閃現原始程式碼的問題，具有很好的參考價值，希望對大家有所幫助。
今天開始學習Vue.js的使用，但在學習過程中發現一個問題，那就是頁面載入資料時，原始程式碼會閃現一下。查訪各方資料，終的解決方法。
第一步、加入一段css程式碼
<style type="text/css">
[v-cloak] {
display: none;
}
</style>第二步、在view上引用css模組
<p id="app" v-cloak>
<h1>{{message}}</h1>
<h1>{{name}}</h1>
</p>注意，有的文章說，在具體資料部分加入v-cloak，但是這樣太麻煩，每一個資料顯示都要加，所以直接加載view大模組上，就能解決問題了。
第三步、js部分沒有變化
#<script type="text/javascript">
var exeData = {
message : "Hello World",
name:"我是Vue"
};
new Vue({
el : "#app",
data : exeData
})
</script>下面貼上完整程式碼：
Vue.js Demo <style type="text/css"> [v-cloak] { display: none; } </style>
{{message}}
{{name}}
上面是我整理給大家的，希望今後對大家有幫助。
相關文章：
在Webpack dev server中出現熱載入失敗的問題
在webpack-dev-server中實作遠端存取配置方法
以上是如何解決Vue.js顯示資料的時,頁面閃現的詳細內容。更多資訊請關注PHP中文網其他相關文章！
