Loading spinner before app rendered in vue.js

Question

I'm working on vue.js app and I want to add a loading spinner before the app component rendered.. like what Instagram doing when opening the Instagram page it shows their logo before showing the page contents .. I tried a lot of solutions but not working well!

any idea ? thanks in advance :)

Answer 1

initially keep a state variable like showLoading : true

if(showLoading) {
      this.displayLoader();
       return;
 }
else {
    render (); //your main view

}