Vue 项目编写过程中出现页面变得非常卡，前端数据加载不出来，url跳转页面不正常刷新等问题。示例为el-menu标签问题。数据显示出现问题，页面异常，手动刷新，el-menu效果也有问题。

问题总结

代码有问题，检查代码，修改代码。（不会报错！不是配置问题！不是电脑问题！）

原代码：

<el-menu router :default-active="router.currentRoute.value.path" default-openeds="['1']" style="border: 0">

改为：

<el-menu router :default-active="router.currentRoute.value.path" :default-openeds="['1']" style="border: 0">

两行代码区别仅为 :default 中 原没有“:”，就会导致页面非常卡的问题。

编译过程显示差异

idea编译器中，有比较明显的区别，加了:的数据看起来更加正常（原来编写就感觉这个数据显示怪怪的，没在意）

页面显示差异

正常情况下，页面正常显示，跳转路丝滑跳转，无任何卡顿。

代码错误的情况下，页面异常，数据异常，跳转页面卡住，无法正常显示。

跳转，无反应，只有url改变。刷新才有反应。