在 vue.js 中呈現應用程序之前加載微調器

Question

我正在開發 vue.js 應用程序，我想在應用程序組件呈現之前添加一個加載微調器..就像 Instagram 在打開 Instagram 頁面時所做的那樣，它在顯示頁面內容之前顯示了他們的徽標.. 我嘗試了很多解決方案但效果不佳！

任何的想法 ？ 提前致謝 ：）

Answer 1

最初保留一個狀態變量，如 showLoading : true

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

}