這是由於瀏覽器的渲染機制導致的,瀏覽器是從頭到尾 如果你的js引用在底部,那么瀏覽器會先加載dom此時,你用於渲染的{{}}識別符,因為還沒讀到該識別符對應的js文件,所以會被解析為字符串而顯示在頁面中,我們可以用過自定義屬性v-cloak解決,
實例對象對應標簽中加入 v-cloak:
<div id="wrap" v-cloak>
然后在css中給定義屬性選擇器
[v-cloak]{
display:none
}
vue實例創建完成后會把v-cloak去掉,在沒創建實例對象時,該標簽內的內容都會被隱藏
或者我們可以通過v-text 或者 v-html標簽
v-text:<div v-text=”實例字段”></div>
v-html:<div v-html="實例字段"></div> 可以識別html代碼塊 原理是innerHTML;