在vue中，骨架屏就是在頁(yè)面數(shù)據(jù)尚未加載前先給用戶展示出頁(yè)面的大致結(jié)構(gòu)，直到請(qǐng)求數(shù)據(jù)返回后再渲染頁(yè)面，補(bǔ)充進(jìn)需要顯示的數(shù)據(jù)內(nèi)容；骨架屏可以理解為是當(dāng)數(shù)據(jù)還未加載進(jìn)來(lái)前，頁(yè)面的一個(gè)空白版本，一個(gè)簡(jiǎn)單的關(guān)鍵渲染路徑。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

相比于早些年前后端代碼緊密耦合、后端工程師還得寫前端代碼的時(shí)代，如今已發(fā)展到前后端分離，這種開(kāi)發(fā)方式大大提升了前后端項(xiàng)目的可維護(hù)性與開(kāi)發(fā)效率，讓前后端工程師關(guān)注于自己的主業(yè)。然而在帶來(lái)便利的同時(shí)，也帶來(lái)了一些弊端，比如首屏渲染時(shí)間(FCP)因?yàn)槭灼列枰?qǐng)求