el-menu 怎么能直接修改源码activeIndex值

在修改 `el-menu` 组件的 `activeIndex` 值时，应该避免直接修改源码。这样做不仅会影响到其他组件的使用，还可能导致代码冲突和不可预测的错误。

正确的做法是使用 `v-model` 双向绑定或者监听 `activeIndex` 属性的变化，来控制菜单的选中状态。例如：

<template>
  <el-menu v-model="activeIndex">
    <el-menu-item index="1">菜单项1</el-menu-item>
    <el-menu-item index="2">菜单项2</el-menu-item>
    <el-menu-item index="3">菜单项3</el-menu-item>
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: '1'
    }
  },
  watch: {
    activeIndex(newVal, oldVal) {
      console.log(`选中项变化：${oldVal} -> ${newVal}`)
    }
  }
}
</script>

在上面的代码中，我们使用 `v-model` 绑定了 `activeIndex` 属性，并监听了其变化。这样，当用户点击菜单项时，`activeIndex` 的值会自动更新，而菜单项的选中状态也会随之改变。同时，我们可以通过监听 `activeIndex` 属性的变化来做一些额外的处理，比如输出调试信息。