Incorporating vue.js into my project, I am utilizing bound variables for display. The structure of my webpage is as follows:
<body>
<!-- the content of the page, including an instance of the variable {{hello}} -->
<script src="vue.js"></script>
<script src="myscript.js"></script>
</body>
Upon loading the page, there is a momentary flash where {{hello}} is shown, swiftly replaced by the correct value of the variable hello.
Is there a proper method (if any) to delay the page display until the variable is fully initialized and ready to show its value?
It appears to be linked to Vue's asynchronous behavior (the queue is not flushed during initial rendering), but I am unsure how to conceal this not-yet-flushed stage upon page load.