1. 程式人生 > >VUE-v-cloak

VUE-v-cloak

pla display 解決 isp 無法 splay 表達 css 展示

<style>   [v-cloak]{     display: none;   } </style> <body>   <div id="app">   <h1 v-cloak>{{ msg }}</h1> </div> 過程: 1 通過 CSS樣式將 帶有 v-cloak 屬性的元素隱藏 2 這樣,我們就無法看到 {{}} 了 3 等到vue解析完畢,會將頁面中帶有 v-cloak 的元素移除這個屬性 4 那麽,dispaly:none 的樣式就失效,此時,就展示了元素 5 展示元素的時候, 插值表達式{{}} 已經被解析為對應的數據了 因此,就解決閃爍的問題了~

VUE-v-cloak