Displaying data name before data value

Why in Vue when click some page link on app first see curly bracket with data name and after second or less see data values? Example, in my Vue object I have data: count_messages = 7 for displaying number of user messages, and on my navbar I have @{{ count_messages }} for displaying it. Always when visit other page I first see {{ count_messages }} and after half second see 7. I using Laravel and Vue

tykus

9 years ago

Best Answer

Level 104

The Flash of Uncompiled Content happens when the DOM renders before Vue compilation has completed.

You can hide the element until compilation is complete using the v-cloak directive:

https://vuejs.org/v2/api/#v-cloak

You can use the v-text directive instead of the {{}} mustache braces

kova

9 years ago

Level 4

Thanx.

1 like

Please or to participate in this conversation.