使用html+vue的方式开发，在页面初次进入时会有一闪而过

例如：

<p class="fl z-tshi">{{city}}</p>

 

在页面加载时会有{{city}}代码一闪而过，影响美观

解决方案：

1.

加上v-cloak

<p class="fl z-tshi" v-cloak>{{city}}</p>

 

并且在公共的css加入：

1.  
   [v-cloak] {
2.  
   display: none;
3.  
   }

 

2.

使用v-text