关于element-plus 中侧边菜单栏的使用中的一个不经意的小问题（避坑）

项目场景：Vue3+Element-Plus（添加侧边栏菜单被官网坑了的那段光阴）

---

问题描述

使用element-plus UI组件库的时候，想构建一个侧边栏菜单的时候，发生了一个很难发现和找到的问题（大概是太过于信任官方了）

按部就班，需要什么组件就引用什么组件，我们直接去官网粘贴复制
选用这种的，复制代码，对吧！
然后看我们自己的页面样式：

来看看有什么问题：
第一个Navigator One居然不见了，百思不得其解！！！！！!

原因分析：

就他喵离谱，重复一遍操作，一样的效果，大概想了一下，对比之前element组件库侧边栏菜单的使用，终于发现问题的原因所在（加上浏览器里看页面的内容）!

以前引用element ui的时候，是这样的：

为什么引用官网的不行，具体原因可能只能看他下一步的更新吧!

---

解决方案：

改成element ui的写法就可以了

真的就不理解这种莫名其妙的小问题了！！！哎…
再延伸一下，使用<el-sub-menu></el-sub-menu>就是一个错误的决定

如图：这里也是可以展开的，但是引入之后还是没有官方所展示的效果

相当于’item four’也是无效的，且不再页面上进行展示！！！如果要用，还是得选择<el-submenu></el-submenu>