v-cloak的用法和注意事項

v-cloak是前端框架vue.js中的一個方法，作用是為了防止在頁面加載時先出現變量名閃爍的情況，造成不好的用戶體驗，

例如：{{ v.name}} (閃一下)=> 張三

用法：html中：<h1  v-cloak> {{ v.name }} </h1>

　　　css中：[ v-cloak ] {

　　　　　　　display:none

　　　　　　　}

 

拓展：v-cloak 中的 display 屬性有優先級，容易被覆蓋，導致達不到效果

辦法：display:none !important (是不是一勞永逸)