瀏覽器渲染
Dev tools
等待 HTML 文檔返回，此時處于白屏狀態(tài)。
對 HTML 文檔解析完成后進行首屏渲染，因為項目中對 id="app 加了灰色的背景色，因此呈現(xiàn)出灰屏。
進行文件加載、JS 解析等過程，導致界面長時間出于灰屏中。當 Vue 實例觸發(fā)了 mounted 后，界面顯示出大體框架。
調用 API 獲取到時機業(yè)務數(shù)據后才能展示出最終的頁面內容。
4 個頁面渲染的關鍵指標
FP
FCP
FMP
FP：僅有一個 div 根節(jié)點。
FCP：包含頁面的基本框架，但沒有數(shù)據內容。
FMP：包含頁面所有元素及數(shù)據。
仍然以 Vue 為例， 在其生命周期中，mounted 對應的是 FCP，updated 對應的是 FMP。那么具體應該使用哪個生命周期的 HTML 結構呢？
