今天開始學習Vue.js的使用，但是在學習過程中發現一個問題，那就是頁面加載資料時，原始代碼會閃現一下。查訪各方資料，終的解決方法。
第一步、加入一段css代碼
[v-cloak] {
display: none;
}
第二步、在view上引用css子產品
{{message}}
{{name}}
注意，有的文章說，在具體資料部分加入v-cloak，但是這樣太麻煩，每一個資料顯示都要加，是以直接加載view大子產品上，就能解決問題了。
第三步、js部分沒有變化
var exeData = {
message : "Hello World",
name:"我是Vue"
};
new Vue({
el : "#app",
data : exeData
})
下面貼上完整代碼：
Vue.js Demo
[v-cloak] {
display: none;
}
{{message}}
{{name}}
//模型資料Model
var exeData = {
message : "Hello World",
name:"我是Vue"
};
//View執行個體，也就是View-Model(VM)
new Vue({
el : "#app",
data : exeData
})
以上這篇解決使用Vue.js顯示資料的時,頁面閃現原始代碼的問題就是小編分享給大家的全部内容了，希望能給大家一個參考，也希望大家多多支援腳本之家。