【Vue项目篇】浏览器刷新导航菜单选中消失以及动态菜单配置问题

1. 项目开发中，常常需要顶部导航以及侧边导航菜单的配合使用，如图。选择顶部菜单后自动在侧边展现该菜单下的子菜单
   
   但是开发经验不足的时候，会发现当在该页面点击浏览器的刷新按钮时，会出现侧边菜单未配置以及该页面的菜单选中状态丢失，如图
   
   解决方法：
   ① 在侧边栏layout 的mouted 中，添加对侧边菜单栏的数据加载配置
   
   ② 添加 :default-active="$route.path" 路由导航配置；

原因：
① 活跃菜单选中刷新后丢失的问题

乍一看没啥毛病，我还纠结了半天，我添加了**:default-active="$route.path"**结果当前菜单的选中状态刷新后还是丢失了，结果定眼一看，WTF

这里的default 写成了 dafault ，简直了和我之前中英文标点符号写错有得一拼；所以以后写代码还是得细心一点，不能找问题能找得怀疑人生

PS：
程序员三大噩梦：
为什么这个代码运行不了？
为什么这个代码能运行？
为什么同样的代码我运行不了？