如何实现Vue项目骨架屏的巧妙注入？

本文共计1669个文字，预计阅读时间需要7分钟。

相较于早年前后端代码紧密耦合、后端工程师还需编写前端代码的时代，如今已发展到前后端分离的开发模式。这种开发方式大大提升了前后端项目的可维护性与开发效率，使前后端工程师能专注于各自领域。

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己的主业。然而在带来便利的同时，也带来了一些弊端，比如首屏渲染时间(FCP)因为首屏需要请求更多内容，比原来多了更多HTTP的往返时间(RTT)，这造成了白屏，如果白屏时间过长，用户体验会大打折扣，如果用户网速差，则FCP会更长。

由此引申出一系列的优化方法，骨架屏也因此被提出。