vue3组件骨架和组件懒加载实现

------所谓三人行🏃‍♀️🏃‍♀️🏃‍♀️，必有我师焉，学习使我快乐------

组件骨架和组件懒加载实现

🌸🌸🌸在vue3里面很多功能实现和vue2区别还是蛮大的，因此产生蛮多使前端开发者头疼的问题，在这小编就简单讲一下vue3里面实现组件骨架和组件懒加载实现。

一，关于组件骨架

1，什么是组件骨架

前端开发目的就是为用户带来更多快乐体验。
场景描述：小编现在正在浏览网页，隔壁老王正在看电影，小编这边网页一直加载不出来，小编烦，就去找老王评理，还没等小编起身，哐叽 页面一下子全出来了，小编骂骂咧咧：“什么破网站,以后再也不用这个网战看东西生气😣😣😣”

假如网站出现页面的效果是这样的的，获取小编会有好一点的浏览体验。

2，怎么样实现组件骨架效果

（1），原理：其实就是在页面上组件还没有完全加载出来之前，搞一个面板来填充。

（2），用法：结合v-if和v-else使用

### 注意v-if的判断条件非常重要

  <HomePanel>
    <div style="position: relative;he