How can I stop/minimise VueJS components from being invisible on page load for a split second before appearing?
I'm using standard Rails views (rather than an API) with quite a lot of Vue components - but on page load, all of my those components are not rendered for a split second. They then all blink into existence all at once, which obviously isn't a great UX. How can I combat this effect?
Old post, but check out cloaking. Basically, you display something like a spinner or "loading..." graphic until the page data is available and then display the Vue components. Here's another post on the method: https://medium.com/vuejs-tips/v-cloak-45a05da28dc4