vue刷新页面或者加载数据时闪烁vue变量的解决办法

在使用vue绑定页面加载数据时，因为是页面先加载，但是数据还没有加载完，所以会出现vue变量的闪现问题，例如：

<div id="app">
    <p>{{message}}</p>
</div>

在加载时会见到：

 {{message}}

这样用户体验就不好了，vue里面提供了一个解决的指令，就是v-cloak；在vue挂载的对象上加上这个属性,注意不必加到所有变量的标签上，即是:

<div id="app" v-cloak>
    <p>{{message}}</p>
</div>

另外还要在样式表里对这个属性进行定义，把下面的代码加到你的css里：

[v-cloak]{
   display:none;
}

做完这两步再刷新发现不会闪现变量了。好了，赶紧去试下吧