Vue的Mustache标签延迟出现{{user.name}},未加载出数据


  
{{user.name}} {{user.age}}
{{user.desc}}

给获取数据的vue对象家里一个延迟,然后在{{}}Mustache标签的标签

上加上v-cloak属性

这样写就实现了我们想要的效果:一开始没数据,v-cloak属性保留,显示{{message}},后面有数据了,显示你好,并删除了v-cloak属性。

最后,指定css效果:


有v-cloak属性的时候,把这个标签隐藏,至此我们想要的效果就做好了。

vue