Hiding elements before Vue compiles them

Let's talk brief about how a JavaScript web app loads.

To begin with, the server delivers the index.html file to the browser. When the browser receives this it begins parsing the file from top to bottom.

Any HTML in the index file will be almost immediately displayed on the screen.

For the scripts we load in the page, though, these obviously can't be run until they're downloaded and parsed.