vuejs show {{}} on loading

<p v-cloak>{{text}}</p>

//js
var app = new Vue({
data:{
text:'iam loading while window is loading'
}
})

//css
[v-cloak] > * { display:none; }
[v-cloak]::before { //extra
  content: " ";
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  background-image: url(/images/svg/loader.svg);
  background-size: cover;
  left: 50%;
  top: 50%;
}