vue使用v-cloak解决为渲染前变量显示问题

vue使用v-cloak解决为渲染前变量显示问题

在渲染的标签上加上v-cloak

 <div class="hotwords">
           <ul>
               <li v-for="(v,k) in hot_words" class="f-item" v-cloak>{{k}}</li>
           </ul>
</div>

写入css样式
!improtant: important : 重要的 即这个优先级是最高的,浏览器会优先执行这个语句

<style>
        [v-cloak]{
            display: none !important;
        }
</style>