vue 頁面載入進度條元件例項

頁面載入進度條最初我是在youtube上看到的，後面幾乎在各大**上都能見到它的身影，可以讓使用者在載入頁面的時候不會對著完全空白的頁面發呆，提公升使用者體驗

但是從開發角度講，這種進度條在真實性上確實很難把握，因為在邏輯**載入完成之前，我們都不能統計到進度，而邏輯**自身的進度也無法統計。另外，我們不可能監控到所有資源的載入情況www.cppcns.com。

事實上，使用者並不是在乎你的頁面究竟載入了百分之幾，而真正關心的是離載入完還有多久，以及這個空白頁面是沒有載入完，還是載入完就是空白的。所以沒我們需要mqyvhbn去「模擬」乙個進度條，在後端資料返回前利用乙個假的動畫效果模擬載入，在資料返回後讀完進度條並且隱藏。